:root{--mint-50:#f2fbf6;--mint-100:#e4f7ec;--mint-200:#c3edce;--green-400:#4ade80;--green-500:#22c55e;--green-600:#0e8f46;--green-700:#087238;--green-800:#055228;--green-900:#071a0e;--white:#fff;--amber:#d97706;--amber-50:#fffbeb;--amber-100:#fef3c7;--red:#dc2626;--red-50:#fff5f5;--red-100:#fee2e2;--blue:#2f80ed;--blue-50:#f0f7ff;--blue-100:#dbeafe;--purple:#764ba2;--primary:var(--green-600);--primary-dim:var(--green-700);--primary-light:var(--green-500);--primary-glow:#0e8f4629;--primary-glow-2:#0e8f4647;--accent-soft:#22c55e1f;--bg:#eef8f2;--bg-soft:#e2f2ea;--bg-white:#fff;--bg-card:#ffffffc7;--bg-glass:#ffffff94;--bg-glass-md:#fffc;--bg-glass-lg:#ffffffeb;--tx:#071a0e;--tx-sub:#2e5040;--tx-muted:#6b8f7a;--tx-faint:#a5c2b0;--tx-inv:#fff;--bd:#0e8f4621;--bd-md:#0e8f463d;--bd-glass:#ffffff6b;--sh-xs:0 1px 4px #0e8f4614;--sh-sm:0 3px 10px #0e8f4621;--sh-md:0 8px 24px #0e8f462e;--sh-lg:0 16px 44px #0e8f4638;--sh-xl:0 28px 80px #0e8f4647;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:9999px;--ease:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(0,0,.2,1);--t-fast:.14s;--t:.22s;--t-slow:.38s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--tx);font-feature-settings:"cv11","ss01";background-image:radial-gradient(60% 50% at 15% 5%,#22c55e12 0%,#0000 100%),radial-gradient(60% 50% at 85% 95%,#0e8f460f 0%,#0000 100%);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px;line-height:1.6}#root{flex-direction:column;display:flex}a{color:var(--primary);transition:color var(--t-fast) var(--ease);text-decoration:none}a:hover{color:var(--primary-dim)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#0e8f4638}::-webkit-scrollbar-thumb:hover{background:#0e8f4661}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}@keyframes gradshift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.app-main>*{animation:fadeIn .28s var(--ease-out) both}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.page-title{color:var(--tx);letter-spacing:-.5px;font-size:1.6rem;font-weight:800;line-height:1.2}.page-subtitle{color:var(--tx-muted);margin-top:3px;font-size:.825rem;font-weight:450}.page-loading{min-height:340px;color:var(--tx-muted);flex-direction:column;justify-content:center;align-items:center;gap:.875rem;font-size:.875rem;font-weight:500;display:flex}.page-spinner{border:2.5px solid var(--bd-md);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spin}.page-error{background:var(--red-50);color:var(--red);border:1px solid #dc262626;border-left:3px solid var(--red);border-radius:var(--r-sm);animation:fadeInUp .25s var(--ease) both;align-items:center;gap:.625rem;padding:.875rem 1.1rem;font-size:.875rem;font-weight:500;display:flex}.btn-refresh,.btn-retry{border-radius:var(--r-sm);cursor:pointer;transition:all var(--t) var(--ease-spring);border:1.5px solid var(--bd-md);background:var(--bg-glass-lg);color:var(--tx-sub);white-space:nowrap;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.825rem;font-weight:600;display:inline-flex}.btn-refresh:hover,.btn-retry:hover{background:var(--accent-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin;display:inline-block}.btn-spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin;display:inline-block}.mono-id{background:var(--accent-soft);border:1px solid var(--bd);color:var(--tx-sub);letter-spacing:.2px;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.78rem}.amount-cell{color:var(--green-700);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.date-cell{color:var(--tx-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.num-cell{text-align:right;font-variant-numeric:tabular-nums}.email-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.85rem;overflow:hidden}.chart-tooltip{background:var(--bg-glass-lg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bd-md);border-radius:var(--r-sm);box-shadow:var(--sh-md);min-width:130px;padding:.625rem .875rem;font-size:.82rem;line-height:1.7}.tooltip-label{color:var(--tx);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:.78rem;font-weight:700}.chart-title{color:var(--tx);letter-spacing:-.15px;align-items:center;gap:7px;margin-bottom:1.1rem;font-size:.95rem;font-weight:700;display:flex}.chart-title:before{content:"";background:linear-gradient(180deg, var(--green-500), var(--green-700));border-radius:var(--r-pill);flex-shrink:0;width:3px;height:16px;display:inline-block}.chart-subtitle{color:var(--tx-muted);margin-left:2px;font-size:.75rem;font-weight:500}.chart-empty{min-height:180px;color:var(--tx-faint);justify-content:center;align-items:center;font-size:.875rem;font-weight:450;display:flex}.status-badge{border-radius:var(--r-pill);text-transform:capitalize;letter-spacing:.3px;white-space:nowrap;align-items:center;gap:5px;padding:.22rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-pending{background:var(--amber-100);color:var(--amber);border:1px solid #d9770633}.status-confirmed{background:var(--blue-100);color:var(--blue);border:1px solid #2f80ed33}.status-completed{background:var(--mint-100);color:var(--green-700);border:1px solid #0e8f4633}.status-cancelled{background:var(--red-100);color:var(--red);border:1px solid #dc262633}.bookings-table-wrapper,.users-table-wrapper{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--r-md);background:#ffffffb3;border:1px solid #ffffff80;overflow:auto hidden;box-shadow:0 4px 20px #0e8f4614,inset 0 1px #fffc}.bookings-table,.users-table{border-collapse:separate;border-spacing:0;width:100%;min-width:100%}.bookings-table thead,.users-table thead{z-index:10;background:#fff9;position:sticky;top:0}.bookings-table th,.users-table th{text-align:left;text-transform:uppercase;color:var(--tx-sub)!important;letter-spacing:1px!important;background:0 0!important;border-bottom:1px solid #0e8f4626!important;padding:.85rem!important;font-size:.75rem!important;font-weight:700!important}.bookings-table td,.users-table td{background:#fff3;color:var(--tx)!important;border-bottom:1px solid #0e8f4614!important;padding:.85rem!important;font-size:.875rem!important;transition:all .2s!important}.bookings-table tbody tr:hover td,.users-table tbody tr:hover td{background:#fffc!important}.bookings-table tbody tr:last-child td,.users-table tbody tr:last-child td{border-bottom:none!important}.app-container{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.app-header{z-index:200;background:linear-gradient(110deg, var(--green-800) 0%, var(--green-700) 45%, var(--green-600) 100%);height:60px;box-shadow:0 2px 0 #ffffff12 inset, var(--sh-md);background-size:200% 200%;border-bottom:1px solid #ffffff1a;animation:16s infinite gradshift;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:1rem;max-width:1600px;height:100%;margin:0 auto;padding:0 2.5rem;display:flex}.brand{flex-shrink:0;align-items:center;gap:9px;display:flex}.brand-icon{border-radius:var(--r-sm);color:#fff;background:#ffffff24;border:1px solid #ffffff38;justify-content:center;align-items:center;width:32px;height:32px;animation:4s ease-in-out infinite float;display:flex}.app-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:1.15rem;font-weight:800}.mobile-menu-btn{color:#fff;cursor:pointer;border-radius:var(--r-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.sidebar-overlay{display:none}.app-title span{opacity:.78;font-weight:400}.header-breadcrumb{flex:1;align-items:center;padding-left:1rem;display:flex}.breadcrumb-page{color:#fff9;letter-spacing:.15px;font-size:.82rem;font-weight:600}.header-right{align-items:center;gap:.75rem;display:flex}.user-chip{border-radius:var(--r-pill);background:#ffffff1f;border:1px solid #ffffff2e;align-items:center;gap:7px;padding:4px 10px 4px 4px;display:flex}.user-avatar{color:#fff;letter-spacing:0;background:#ffffff40;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}.user-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.82rem;font-weight:600;overflow:hidden}.logout-btn{color:#fff;border-radius:var(--r-pill);cursor:pointer;transition:all var(--t) var(--ease-spring);background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:600;display:flex}.logout-btn:hover{background:#ffffff3d;border-color:#ffffff61;transform:translateY(-1px)}.app-layout{flex:1;align-items:flex-start;gap:1.25rem;width:100%;max-width:1600px;margin:0 auto;padding:1.25rem 1.25rem 1.75rem;display:flex}.app-sidebar{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-lg);width:220px;max-height:calc(100vh - 60px - 2.5rem);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset, 0 0 0 .5px #fff9 inset;animation:fadeIn .3s var(--ease-out) both;flex-shrink:0;padding:.625rem;position:sticky;top:calc(60px + 1.25rem);overflow:hidden}.app-sidebar:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--green-500) 40%, var(--green-600) 60%, transparent 100%);border-radius:var(--r-lg) var(--r-lg) 0 0;background-size:300% 100%;height:2px;animation:4s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.nav-label{color:var(--tx-faint);text-transform:uppercase;letter-spacing:1px;padding:.5rem .75rem .4rem;font-size:.65rem;font-weight:700}.nav-menu{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-item{text-align:left;cursor:pointer;width:100%;color:var(--tx-muted);border-radius:var(--r-sm);transition:all var(--t) var(--ease-spring);letter-spacing:.05px;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:.6rem .875rem;font-size:.875rem;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-icon{border-radius:var(--r-xs);width:30px;height:30px;transition:all var(--t) var(--ease);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label-text{flex:1}.nav-indicator{color:var(--primary);opacity:.7;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.nav-item:hover{background:var(--accent-soft);color:var(--green-700);border-color:var(--bd);transform:translate(2px)}.nav-item:hover .nav-icon{color:var(--green-700);background:#0e8f461a}.nav-item.active{color:var(--primary);border-color:var(--bd-md);box-shadow:var(--sh-xs);background:linear-gradient(135deg,#0e8f4624 0%,#22c55e14 100%);font-weight:700}.nav-item.active .nav-icon{background:var(--accent-soft);color:var(--primary)}.sidebar-footer{border-top:1px solid var(--bd);margin-top:.75rem;padding:.5rem .875rem}.sidebar-version{color:var(--tx-faint);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:500}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.main-content-scroll{flex:1}.app-footer{text-align:center;color:var(--tx-muted);margin-top:auto;padding-top:1.5rem;font-size:.85rem}.loading-container{background:linear-gradient(135deg, var(--green-800) 0%, var(--green-700) 55%, var(--green-600) 100%);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;animation:.3s fadeIn;display:flex}.loading-logo{border-radius:var(--r-md);background:#ffffff24;border:1px solid #ffffff3d;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.25rem;animation:3s ease-in-out infinite float;display:flex}.loading-container .spinner{border:3px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-container p{opacity:.75;font-size:.875rem;font-weight:500}@media (width<=1024px){.app-layout{gap:1rem;padding:1rem}.mobile-menu-btn{display:flex}.app-sidebar{z-index:250;border:none;border-right:1px solid var(--bd-glass);width:260px;max-height:calc(100vh - 60px);box-shadow:var(--sh-xl);border-radius:0;padding:1.25rem 1rem;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:60px;left:-280px}.app-sidebar.open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:240;background:#0006;animation:.3s fadeIn;display:block;position:fixed;inset:0}.header-breadcrumb{display:none}}@media (width<=600px){.app-header{height:54px}.app-sidebar{max-height:calc(100vh - 54px);top:54px}.header-content{padding:0 1rem}.app-title{font-size:1rem}.user-name,.logout-btn span{display:none}.logout-btn{padding:5px 8px}}.login-container{background:url(/admin_login_bg.png) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:#0006;position:absolute;inset:0}.login-blob{display:none}.login-box{z-index:1;-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--r-xl);width:100%;max-width:410px;animation:popIn .5s var(--ease-spring) both;background:#ffffffed;border:1px solid #ffffff80;padding:2.25rem 2rem 2rem;position:relative;box-shadow:0 30px 90px #00000047,inset 0 0 0 1px #ffffffa6,inset 0 3px #ffffff73}.login-box:before{content:"";background:linear-gradient(90deg, var(--green-500), var(--green-700), var(--green-500));border-radius:var(--r-xl) var(--r-xl) 0 0;background-size:300% 100%;height:3px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.75rem;display:flex}.login-brand-icon{background:linear-gradient(135deg, var(--green-500), var(--green-700));border-radius:var(--r-md);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.875rem;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 6px 20px #0e8f4661}.login-brand h1{color:var(--tx);letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.55rem;font-weight:900}.login-brand .subtitle{color:var(--tx-muted);font-size:.82rem;font-weight:450}.error-message{background:var(--red-50);color:var(--red);border:1px solid #dc262629;border-left:3px solid var(--red);border-radius:var(--r-sm);animation:fadeInUp .25s var(--ease) both;align-items:center;gap:7px;margin-bottom:1rem;padding:.7rem .875rem;font-size:.835rem;font-weight:500;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:.4rem;font-size:.76rem;font-weight:700;display:block}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--tx-faint);pointer-events:none;transition:color var(--t-fast) var(--ease);display:flex;position:absolute;left:.85rem}.input-wrap:focus-within .input-icon{color:var(--primary)}.input-wrap input{border:1.5px solid var(--bd-md);border-radius:var(--r-sm);background:var(--bg-soft);width:100%;color:var(--tx);transition:all var(--t) var(--ease);outline:none;padding:.78rem 2.8rem .78rem 2.5rem;font-size:.9rem}.input-wrap input::placeholder{color:var(--tx-faint)}.input-wrap input:hover{border-color:var(--primary-glow-2);background:var(--bg-white)}.input-wrap input:focus{border-color:var(--primary);background:var(--bg-white);box-shadow:0 0 0 4px var(--primary-glow)}.pw-toggle{color:var(--tx-faint);cursor:pointer;transition:color var(--t-fast) var(--ease);background:0 0;border:none;padding:0;display:flex;position:absolute;right:.875rem}.pw-toggle:hover{color:var(--tx-sub)}.btn-primary{background:linear-gradient(135deg, var(--green-500) 0%, var(--green-700) 100%);color:#fff;border-radius:var(--r-sm);cursor:pointer;width:100%;transition:all var(--t) var(--ease-spring);border:none;justify-content:center;align-items:center;gap:7px;margin-top:.25rem;padding:.82rem;font-size:.9rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0e8f465c}.btn-primary:after{content:"";width:55%;height:100%;transition:left .55s var(--ease);background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;top:0;left:-100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #0e8f4670}.btn-primary:hover:not(:disabled):after{left:130%}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.login-footer{border-top:1px solid var(--bd);margin-top:1.5rem;padding-top:1.1rem}.demo-credentials{background:linear-gradient(135deg, var(--accent-soft), #e4f7ecb3);border:1px solid var(--bd-md);border-radius:var(--r-sm);padding:.875rem 1rem;overflow:hidden}.demo-label{color:var(--primary);text-transform:uppercase;letter-spacing:.9px;margin-bottom:.5rem;font-size:.67rem;font-weight:800;display:block}.demo-row{align-items:baseline;gap:.5rem;margin-bottom:.3rem;font-size:.8rem;display:flex}.demo-row span{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.4px;min-width:60px;font-size:.72rem;font-weight:600}.demo-row code{color:var(--tx);border:1px solid var(--bd);background:#0e8f4614;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.8rem}.stat-card{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--bd-glass);border-top:2.5px solid var(--card-accent,var(--primary));border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;transition:all var(--t-slow) var(--ease-spring);cursor:default;animation:fadeInUp .4s var(--ease-out) both;align-items:center;gap:1rem;padding:1.25rem 1.25rem 1.2rem;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";width:55%;height:100%;transition:left .6s var(--ease);pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff4d 50%,#0000 65%);position:absolute;top:0;left:-100%}.stat-card:hover{box-shadow:var(--sh-md);border-top-color:var(--card-accent,var(--primary));transform:translateY(-4px)}.stat-card:hover:after{left:130%}.stats-grid .stat-card:first-child{animation-delay:40ms}.stats-grid .stat-card:nth-child(2){animation-delay:.1s}.stats-grid .stat-card:nth-child(3){animation-delay:.16s}.stats-grid .stat-card:nth-child(4){animation-delay:.22s}.stat-icon-wrap{border-radius:var(--r-sm);width:46px;height:46px;transition:transform var(--t) var(--ease-spring);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card:hover .stat-icon-wrap{transform:scale(1.1)rotate(-5deg)}.stat-body{flex:1;min-width:0}.stat-title{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.9px;margin:0;font-size:.68rem;font-weight:700}.stat-value{color:var(--tx);letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:.35rem 0 0;font-size:1.75rem;font-weight:800;line-height:1.1}.stat-trend{margin-top:.3rem;font-size:.72rem;font-weight:600}.dashboard-container{flex-direction:column;gap:1.4rem;max-width:1400px;margin:0 auto;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.btn-refresh{flex-shrink:0;align-self:flex-start}.charts-container{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem;display:grid}.chart-card{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);animation:fadeInUp .45s var(--ease-out) both;padding:1.25rem 1.25rem 1rem;position:relative;overflow:hidden}.metrics-box{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.metric-item{background:linear-gradient(135deg, var(--accent-soft), #e4f7ec99);border:1px solid var(--bd);border-radius:var(--r-sm);transition:all var(--t) var(--ease-spring);flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.metric-item:hover{box-shadow:var(--sh-xs);border-color:var(--bd-md);transform:translateY(-2px)}.metric-label{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.67rem;font-weight:700}.metric-value{color:var(--tx);letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.recent-bookings{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;animation:fadeInUp .5s var(--ease-out) .14s both;padding:1.25rem}.bookings-table{border-radius:var(--r-sm);border:1px solid var(--bd);margin-top:.25rem;overflow-x:auto}.bookings-table table{border-collapse:collapse;width:100%}.bookings-table th{text-align:left;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--bd);white-space:nowrap;padding:.75rem .875rem;font-size:.68rem;font-weight:700}@media (width<=768px){.charts-container{grid-template-columns:1fr}.metrics-box{grid-template-columns:1fr 1fr}}.users-container{flex-direction:column;gap:1.4rem;max-width:1400px;margin:0 auto;display:flex}.users-table-wrapper{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;animation:fadeInUp .42s var(--ease-out) 60ms both;overflow:auto hidden}.users-table{border-collapse:collapse;width:100%;min-width:720px}.users-table thead{background:linear-gradient(135deg, var(--accent-soft), #e4f7ec8c)}.users-table th{text-align:left;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--bd);white-space:nowrap;padding:.8rem 1rem;font-size:.68rem;font-weight:700}.users-table td{border-bottom:1px solid var(--bd);color:var(--tx);transition:background var(--t-fast) var(--ease);padding:.78rem 1rem;font-size:.86rem}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover td{background:var(--accent-soft)}.btn-role{border-radius:var(--r-pill);cursor:pointer;border:1.5px solid var(--bd-md);background:var(--bg-glass-lg);color:var(--tx-muted);transition:all var(--t) var(--ease-spring);white-space:nowrap;align-items:center;gap:5px;padding:.32rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-role:hover{background:var(--accent-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-role-admin{background:var(--accent-soft);color:var(--green-700);border-color:#0e8f464d}.btn-role-admin:hover{background:var(--red-100);color:var(--red);border-color:#dc26264d}.bookings-container{flex-direction:column;gap:1.4rem;max-width:1400px;margin:0 auto;display:flex}.toolbar{background:var(--bg-glass-md);border:1px solid var(--bd-md);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:.5rem;padding:.28rem .75rem .28rem .6rem;display:inline-flex}.toolbar-icon{color:var(--tx-muted);flex-shrink:0;align-items:center;display:flex}.filter-select{color:var(--tx-sub);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:.28rem .25rem;font-size:.835rem;font-weight:600}.filter-select:focus{color:var(--primary)}.bookings-table-wrapper{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;animation:fadeInUp .42s var(--ease-out) 60ms both;overflow:auto hidden}.bookings-table{border-collapse:collapse;width:100%;min-width:820px}.bookings-table thead{background:linear-gradient(135deg, var(--accent-soft), #e4f7ec8c)}.bookings-table th{text-align:left;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--bd);white-space:nowrap;background:linear-gradient(135deg, var(--accent-soft), #e4f7ec8c);padding:.75rem .875rem;font-size:.67rem;font-weight:700}.bookings-table td{border-bottom:1px solid var(--bd);color:var(--tx);transition:background var(--t-fast) var(--ease);padding:.78rem 1rem;font-size:.86rem}.bookings-table tbody tr:last-child td{border-bottom:none}.bookings-table tbody tr:hover td{background:var(--accent-soft)}.booking-row .clickable{cursor:pointer;transition:all var(--t-fast) var(--ease)}.booking-row .clickable:hover .mono-id{border-color:var(--primary);color:var(--primary);background:#0e8f4626}.btn-view{background:linear-gradient(135deg, var(--green-500), var(--green-700));color:#fff;border-radius:var(--r-xs);cursor:pointer;transition:all var(--t) var(--ease-spring);white-space:nowrap;border:none;align-items:center;gap:5px;padding:.32rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 7px #0e8f4647}.btn-view:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 5px 16px #0e8f4661}.btn-view:active{transform:translateY(0)}.pagination{justify-content:center;align-items:center;gap:.75rem;display:flex}.btn-pagination{background:var(--bg-glass-md);border:1px solid var(--bd-md);border-radius:var(--r-sm);cursor:pointer;color:var(--tx-sub);transition:all var(--t) var(--ease-spring);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:5px;padding:.48rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-pagination:hover:not(:disabled){background:linear-gradient(135deg, var(--green-500), var(--green-700));color:#fff;box-shadow:var(--sh-sm);border-color:#0000;transform:translateY(-1px)}.btn-pagination:disabled{opacity:.35;cursor:not-allowed}.page-info{color:var(--tx-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:100px;font-size:.82rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(160%);z-index:1000;animation:fadeIn .18s var(--ease) both;background:#05160c94;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(40px)saturate(200%);border-radius:var(--r-xl);width:95%;max-width:700px;max-height:88vh;animation:popIn .3s var(--ease-spring) both;background:#fffffff7;border:1px solid #ffffff8c;position:relative;overflow-y:auto;box-shadow:0 40px 100px #05160c4d,inset 0 0 0 1px #ffffffb3,inset 0 2px #ffffff80}.modal-content:before{content:"";background:linear-gradient(90deg, var(--green-500), var(--green-700), var(--green-500));border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:2;background-size:300% 100%;height:3px;animation:3.5s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#0e8f4633}.modal-close{z-index:30;color:#ffffffd9;cursor:pointer;width:30px;height:30px;transition:all var(--t) var(--ease-spring);box-shadow:var(--sh-xs);background:#ffffff38;border:1px solid #ffffff52;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:#fff;background:#dc2626d9;border-color:#0000;transform:scale(1.1)rotate(90deg);box-shadow:0 3px 12px #dc262661}.modal-header{background:linear-gradient(135deg, var(--green-800) 0%, var(--green-700) 55%, var(--green-600) 100%);color:#fff;border-radius:calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px) 0 0;background-size:200% 200%;border-bottom:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;padding:1.25rem 3.25rem 1.25rem 1.5rem;animation:12s infinite gradshift;display:flex;position:relative;overflow:hidden}.modal-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.modal-header-top{align-items:center;gap:.875rem;display:flex}.modal-status-icon{border-radius:var(--r-sm);background:#ffffff24;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-header h2{letter-spacing:-.3px;color:#fff;margin:0 0 4px;font-size:1.2rem;font-weight:800}.booking-id{opacity:.72;letter-spacing:.3px;word-break:break-all;margin:0;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.7rem}.modal-status-badge{border-radius:var(--r-pill);text-transform:capitalize;letter-spacing:.3px;color:#fff;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff40;align-self:flex-start;padding:.3rem .8rem;font-size:.72rem;font-weight:700}.modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.detail-section{border:1px solid var(--bd);border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent-soft), #e4f7ec73);transition:all var(--t) var(--ease);animation:fadeInUp .32s var(--ease-out) both;padding:1.1rem 1.25rem}.detail-section:nth-child(2){animation-delay:60ms}.detail-section:nth-child(3){animation-delay:.12s}.detail-section:nth-child(4){animation-delay:.18s}.detail-section:nth-child(5){animation-delay:.24s}.detail-section:hover{border-color:var(--bd-md);box-shadow:var(--sh-xs)}.detail-section h3{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.9px;border-bottom:1px solid var(--bd);align-items:center;gap:7px;margin-bottom:.875rem;padding-bottom:.625rem;font-size:.72rem;font-weight:800;display:flex}.detail-section h3:before{content:"";background:linear-gradient(180deg, var(--green-500), var(--green-700));border-radius:var(--r-pill);flex-shrink:0;width:3px;height:13px}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem 1rem;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.7px;font-size:.67rem;font-weight:700}.detail-item span{color:var(--tx);word-break:break-word;font-size:.875rem;font-weight:500;line-height:1.5}.id-value{border:1px solid var(--bd);color:var(--tx-sub);word-break:break-all;background:#0e8f4612;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.76rem;display:inline-block}.amount{letter-spacing:-.3px;color:var(--green-700)!important;font-size:1.05rem!important;font-weight:800!important}.rating{align-items:center;display:inline-flex;color:var(--amber)!important;font-size:1rem!important;font-weight:800!important}.verified-yes{align-items:center;gap:4px;display:inline-flex;color:var(--green-700)!important;font-weight:700!important}.verified-no{align-items:center;gap:4px;display:inline-flex;color:var(--tx-muted)!important;font-weight:600!important}.description-text{background:var(--bg-white);border-left:3px solid var(--primary);border-radius:0 var(--r-xs) var(--r-xs) 0;color:var(--tx-sub);margin:0;padding:.75rem 1rem;font-size:.875rem;font-style:italic;line-height:1.7}.notes-text{background:var(--amber-100);border-left:3px solid var(--amber);border-radius:0 var(--r-xs) var(--r-xs) 0;color:#78450a;margin:0;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.7}.raw-data{background:var(--green-900);border-radius:var(--r-sm);border:1px solid #0e8f4638;max-height:240px;overflow:auto}.raw-data pre{color:var(--mint-200);white-space:pre-wrap;word-wrap:break-word;margin:0;padding:.875rem 1rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.76rem;line-height:1.6}.status-manager{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.status-selector{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.status-selector label{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.7px;font-size:.67rem;font-weight:700}.status-select{border:1.5px solid var(--bd-md);border-radius:var(--r-sm);background:var(--bg-white);color:var(--tx);cursor:pointer;transition:all var(--t) var(--ease);outline:none;padding:.6rem .875rem;font-size:.875rem;font-weight:600}.status-select:hover{border-color:var(--primary)}.status-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.status-select.status-pending{color:var(--amber)}.status-select.status-confirmed{color:var(--blue)}.status-select.status-completed{color:var(--green-700)}.status-select.status-cancelled{color:var(--red)}.btn-update-status{background:linear-gradient(135deg, var(--green-500), var(--green-700));color:#fff;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t) var(--ease-spring);white-space:nowrap;border:none;align-items:center;gap:6px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 3px 12px #0e8f464d}.btn-update-status:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0e8f4666}.btn-update-status:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.modal-footer{border-top:1px solid var(--bd);background:linear-gradient(135deg, var(--accent-soft), #e4f7ec80);border-radius:0 0 calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px);justify-content:flex-end;align-items:center;gap:.625rem;padding:.875rem 1.5rem;display:flex}.btn-secondary{background:var(--bg-white);color:var(--tx-sub);border:1px solid var(--bd-md);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t) var(--ease-spring);align-items:center;gap:5px;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-soft);border-color:var(--bd-md);transform:translateY(-1px)}.btn-danger{background:var(--red);color:#fff;border-radius:var(--r-sm);cursor:pointer;transition:all var(--t) var(--ease-spring);border:none;align-items:center;gap:5px;padding:.55rem 1.1rem;font-size:.86rem;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #dc262647}.btn-danger:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 18px #dc262661}.btn-danger:active{transform:translateY(0)}@media (width<=600px){.modal-content{width:99%;max-height:97vh}.modal-header{padding:1.1rem}.modal-body{padding:.875rem 1rem}.modal-footer{flex-direction:column;padding:.875rem 1rem}.btn-secondary,.btn-danger{justify-content:center;width:100%}.detail-grid{grid-template-columns:1fr}.status-manager{flex-direction:column}.status-selector{width:100%}.btn-update-status{justify-content:center;width:100%}}.analytics-container{flex-direction:column;gap:1.4rem;max-width:1400px;margin:0 auto;display:flex}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1rem;display:grid}.chart-card-wide{grid-column:1/-1}.chart-card{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease);animation:fadeInUp .45s var(--ease-out) both;padding:1.25rem 1.25rem 1rem}.chart-card:nth-child(2){animation-delay:80ms}.chart-card:nth-child(3){animation-delay:.16s}.chart-card:hover{box-shadow:var(--sh-md);border-color:var(--bd-md)}.city-list{flex-direction:column;gap:.5rem;max-height:360px;padding-right:2px;display:flex;overflow-y:auto}.city-item{background:linear-gradient(135deg, var(--accent-soft), #e4f7ec80);border:1px solid var(--bd);border-left:3px solid var(--primary);border-radius:var(--r-sm);transition:all var(--t) var(--ease-spring);animation:slideInLeft .35s var(--ease-out) both;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.city-item:first-child{animation-delay:40ms}.city-item:nth-child(2){animation-delay:90ms}.city-item:nth-child(3){animation-delay:.14s}.city-item:nth-child(4){animation-delay:.19s}.city-item:nth-child(5){animation-delay:.24s}.city-item:hover{box-shadow:var(--sh-xs);border-color:var(--bd-md);transform:translate(4px)}.city-rank{color:var(--primary);text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-size:.7rem;font-weight:800}.city-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.city-name{color:var(--tx);letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.city-count{color:var(--tx-muted);font-size:.75rem;font-weight:450}.city-revenue{color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:800}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}}.settings-container{flex-direction:column;gap:1.25rem;max-width:840px;margin:0 auto;display:flex}.settings-card{background:var(--bg-glass-md);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--bd-glass);border-radius:var(--r-md);box-shadow:var(--sh-sm), 0 1px 0 #ffffffd9 inset;transition:box-shadow var(--t) var(--ease);animation:fadeInUp .45s var(--ease-out) both;padding:1.25rem 1.5rem}.settings-card:nth-child(2){animation-delay:60ms}.settings-card:nth-child(3){animation-delay:.12s}.settings-card:nth-child(4){animation-delay:.18s}.settings-card:hover{box-shadow:var(--sh-md)}.settings-card-title{color:var(--tx);letter-spacing:-.1px;border-bottom:1px solid var(--bd);align-items:center;gap:8px;margin-bottom:1.1rem;padding-bottom:.875rem;font-size:.92rem;font-weight:700;display:flex}.settings-card-title svg{color:var(--primary);flex-shrink:0}.setting-item{border-bottom:1px solid var(--bd);grid-template-columns:1fr 2fr;align-items:center;gap:.5rem 1rem;padding:.75rem 0;display:grid}.setting-item:last-child{border-bottom:none}.setting-item label{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.setting-item label svg{color:var(--tx-faint);flex-shrink:0}.setting-item p{color:var(--tx);text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:500;overflow:hidden}.status-chip{border-radius:var(--r-pill);letter-spacing:.3px;align-items:center;gap:5px;padding:.22rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-chip:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse-ring}.status-chip-active{background:var(--accent-soft);color:var(--green-700);border:1px solid #0e8f4638}.features-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem;display:grid}.feature-item{background:linear-gradient(135deg, var(--accent-soft), #e4f7ec80);border:1px solid var(--bd);border-radius:var(--r-sm);transition:all var(--t) var(--ease-spring);align-items:center;gap:8px;padding:.6rem .875rem;display:flex}.feature-item:hover{box-shadow:var(--sh-xs);border-color:var(--bd-md);transform:translateY(-2px)}.feature-icon{color:var(--primary);flex-shrink:0;align-items:center;display:flex}.feature-label{color:var(--tx-sub);font-size:.825rem;font-weight:600}.stack-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.625rem;display:grid}.stack-item{background:var(--bg-glass-lg);border:1px solid var(--bd);border-radius:var(--r-sm);transition:all var(--t) var(--ease-spring);align-items:center;gap:10px;padding:.75rem .875rem;display:flex}.stack-item:hover{border-color:var(--bd-md);box-shadow:var(--sh-xs);transform:translateY(-2px)}.stack-icon{color:var(--primary);flex-shrink:0;align-items:center;display:flex}.stack-info{flex-direction:column;gap:1px;min-width:0;display:flex}.stack-label{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.6px;font-size:.68rem;font-weight:700}.stack-value{color:var(--tx);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.settings-card-about{position:relative;overflow:hidden}.about-text{color:var(--tx-sub);margin-bottom:1rem;font-size:.875rem;line-height:1.7}.version-badge{background:var(--accent-soft);border:1px solid var(--bd-md);border-radius:var(--r-pill);color:var(--primary);letter-spacing:.4px;font-variant-numeric:tabular-nums;align-items:center;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}@media (width<=640px){.setting-item{grid-template-columns:1fr;gap:.2rem}}