:root{--bg-base: #0c1220;--bg-surface: #101828;--bg-raised: #131f30;--bg-overlay: #172136;--bg-hover: #1c2840;--border: rgba(83,121,174,.12);--border-strong: rgba(83,121,174,.22);--border-accent: rgba(4,116,196,.3);--tx-1: #dce8f8;--tx-2: #7a9cc4;--tx-3: #3a5478;--blue: #0474C4;--blue-lite: #2a8fd4;--blue-dim: rgba(4,116,196,.12);--blue-glow: 0 0 28px rgba(4,116,196,.22);--slate: #5379AE;--slate-dim: rgba(83,121,174,.12);--teal: #2C444C;--teal-dim: rgba(44,68,76,.2);--periwinkle: #A8C4EC;--ocean: #06457F;--midnight: #262B40;--grad: linear-gradient(135deg, #0474C4 0%, #A8C4EC 100%);--grad-subtle: linear-gradient(135deg, rgba(4,116,196,.08) 0%, rgba(168,196,236,.04) 100%);--green: #2ec887;--green-dim: rgba(46,200,135,.1);--yellow: #edb229;--yellow-dim: rgba(237,178,41,.1);--red: #dc4e4e;--red-dim: rgba(220,78,78,.1);--orange: #de7a38;--r-sm: 7px;--r-md: 11px;--r-lg: 15px;--r-xl: 20px;--r-pill: 999px;--sidebar-w: 216px;--ease: cubic-bezier(.4,0,.2,1);--bg-primary: #0c1220;--bg-secondary: #101828;--bg-card: rgba(19,31,48,.9);--border-color: rgba(83,121,174,.12);--border-hover: rgba(83,121,174,.22);--text-primary: #dce8f8;--text-secondary:#7a9cc4;--text-muted: #3a5478;--accent: #0474C4;--accent-soft: #2a8fd4;--accent-muted: rgba(4,116,196,.12);--accent-purple: #5379AE;--accent-blue: #0474C4;--accent-pink: #A8C4EC;--accent-green: #2ec887;--accent-red: #dc4e4e;--accent-orange: #de7a38;--accent-yellow: #edb229;--accent-violet: #5379AE;--gradient-main: linear-gradient(135deg,#0474C4 0%,#A8C4EC 100%);--grad-accent: linear-gradient(135deg,#0474C4 0%,#A8C4EC 100%);--green-muted: rgba(46,200,135,.1);--blue-muted: rgba(4,116,196,.1);--yellow-muted: rgba(237,178,41,.1);--red-muted: rgba(220,78,78,.1);--glow-accent: 0 0 28px rgba(4,116,196,.22);--bg-elevated: #131f30;--bg-card-hover: #172136;--shadow-xl: 0 24px 64px rgba(0,0,0,.7);--rose: #0474C4;--rose-lite: #2a8fd4;--rose-dim: rgba(4,116,196,.12);--rose-glow: 0 0 28px rgba(4,116,196,.22);--violet: #5379AE;--violet-dim: rgba(83,121,174,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:15px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-base);color:var(--tx-1);min-height:100vh;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:-15vh;left:-5vw;width:55vw;height:55vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse,rgba(4,116,196,.06) 0%,rgba(83,121,174,.03) 45%,transparent 70%)}body:after{content:"";position:fixed;bottom:-10vh;right:-5vw;width:45vw;height:45vh;pointer-events:none;z-index:0;background:radial-gradient(ellipse,rgba(44,68,76,.08) 0%,transparent 65%)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--tx-1)}p{color:var(--tx-2);line-height:1.65}a{color:var(--blue);text-decoration:none;transition:color .16s var(--ease)}a:hover{color:var(--blue-lite)}code,.mono{font-family:JetBrains Mono,Fira Code,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5379ae33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5379ae59}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:.875rem;color:var(--tx-3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeUp .3s var(--ease) both}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);padding:1.125rem .625rem;position:fixed;height:100vh;overflow-y:auto;z-index:50;display:flex;flex-direction:column;gap:0}.sidebar-logo{display:flex;align-items:center;gap:.5rem;padding:.25rem .625rem;margin-bottom:.125rem;font-size:.95rem;font-weight:800;letter-spacing:-.02em;color:var(--tx-1)}.sidebar-logo:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--grad);box-shadow:var(--blue-glow)}.sidebar-section-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);padding:.875rem .875rem .375rem;margin-top:.25rem}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:1px}.sidebar-nav a{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:var(--r-sm);color:var(--tx-2);text-decoration:none;font-size:.8rem;font-weight:500;transition:all .16s var(--ease);letter-spacing:-.01em}.sidebar-nav a .ni{font-size:.7rem;width:16px;text-align:center;flex-shrink:0;opacity:.55}.sidebar-nav a:hover{background:#0474c40f;color:var(--tx-1)}.sidebar-nav a:hover .ni{opacity:1}.sidebar-nav a.active{background:var(--blue-dim);color:var(--blue-lite);font-weight:600}.sidebar-nav a.active .ni{opacity:1;color:var(--blue)}.sidebar-divider{height:1px;background:var(--border);margin:.75rem .625rem}.main-content{flex:1;margin-left:var(--sidebar-w);padding:1.625rem 2rem;position:relative;z-index:1;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.page-title{font-size:1.3rem;font-weight:800;letter-spacing:-.03em}.page-subtitle{font-size:.8rem;color:var(--tx-3);margin-top:.2rem}.section-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.section-title{font-size:.82rem;font-weight:700;color:#fff;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.475rem .975rem;border-radius:var(--r-md);border:1px solid transparent;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .16s var(--ease);font-family:inherit;line-height:1;white-space:nowrap;letter-spacing:-.01em}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-lite);border-color:var(--blue-lite);box-shadow:var(--blue-glow)}.btn-secondary{background:transparent;color:var(--tx-2);border-color:var(--border)}.btn-secondary:hover{background:#0474c40f;border-color:var(--border-strong);color:var(--tx-1)}.btn-danger{background:var(--red-dim);color:var(--red);border-color:#dc4e4e38}.btn-danger:hover{background:#dc4e4e2e;border-color:#dc4e4e61}.btn-success{background:var(--green-dim);color:var(--green);border-color:#2ec88738}.btn-success:hover{background:#2ec8872e;border-color:#2ec88761}.btn-ghost{background:transparent;color:var(--tx-3);border-color:transparent;padding:.4rem .75rem}.btn-ghost:hover{color:var(--tx-1);background:#0474c40f}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;transition:border-color .16s,background .16s}.card:hover{border-color:var(--border-strong)}.card-accent{border-color:var(--border-accent);background:var(--grad-subtle)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem 1.375rem;position:relative;overflow:hidden;transition:border-color .16s var(--ease)}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad);opacity:0;transition:opacity .16s}.stat-card:hover{border-color:var(--border-strong)}.stat-card:hover:after,.stat-card.gradient-purple:after{opacity:1}.stat-card.gradient-purple{background:var(--grad-subtle);border-color:var(--border-accent)}.stat-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--tx-3);margin-bottom:.625rem}.stat-value{font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1}.stat-card.gradient-purple .stat-label{color:#a8c4ec8c}.stat-card.gradient-purple .stat-value{color:#fff}.stat-change{font-size:.72rem;margin-top:.475rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--green)}.stat-change.negative{color:var(--red)}.form-group{margin-bottom:.95rem}.form-label{display:block;margin-bottom:.325rem;color:var(--tx-2);font-size:.76rem;font-weight:600;letter-spacing:.01em}.form-input,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=datetime-local],textarea,select{width:100%;padding:.525rem .875rem;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--r-md);color:var(--tx-1);font-size:.835rem;font-family:inherit;transition:border-color .16s,box-shadow .16s;line-height:1.5}input:focus,.form-input:focus,textarea:focus,select:focus,.form-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0474c41f}input::placeholder,textarea::placeholder{color:var(--tx-3)}select option{background:var(--bg-surface);color:var(--tx-1)}textarea{resize:vertical;min-height:80px}.table-container{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:#0474c40a;border-bottom:1px solid var(--border)}.table th{padding:.65rem 1rem;text-align:left;font-size:.66rem;font-weight:700;color:var(--tx-3);text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.table td{padding:.775rem 1rem;border-bottom:1px solid rgba(83,121,174,.06);color:var(--tx-1);font-size:.835rem;vertical-align:middle}.table tbody tr{transition:background .13s}.table tbody tr:hover{background:#0474c40a}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:5px;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.badge-success{background:var(--green-dim);color:var(--green);border:1px solid rgba(46,200,135,.2)}.badge-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(220,78,78,.2)}.badge-warning{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(237,178,41,.2)}.badge-info{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(4,116,196,.2)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.login-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.25rem;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 24px 64px #000000a6}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad);opacity:.6}.login-logo{text-align:center;margin-bottom:1.75rem}.login-logo h1{font-size:1.35rem;font-weight:800;letter-spacing:-.03em}.login-logo p{color:var(--tx-3);font-size:.7rem;margin-top:.3rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.error-message{background:var(--red-dim);color:var(--red);padding:.65rem .875rem;border-radius:var(--r-md);font-size:.815rem;margin-bottom:1rem;border:1px solid rgba(220,78,78,.2)}.public-page{min-height:100vh;padding:2rem 1.5rem;max-width:1060px;margin:0 auto;position:relative;z-index:1}.public-header{text-align:center;margin-bottom:2.5rem;padding:1rem 0}.public-header h1{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.15}.public-header p{color:var(--tx-2);font-size:.95rem}.checkouts-section{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.checkouts-section h2{font-size:.825rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em}.checkout-item{display:grid;grid-template-columns:50px 1fr auto;gap:.825rem;padding:.775rem 1.25rem;border-bottom:1px solid rgba(83,121,174,.06);transition:background .13s;align-items:center}.checkout-item:last-child{border-bottom:none}.checkout-item:hover{background:#0474c40a}.checkout-image{width:50px;height:50px;border-radius:var(--r-sm);object-fit:cover;background:var(--bg-overlay);border:1px solid var(--border)}.checkout-details h3{font-size:.83rem;font-weight:600;margin-bottom:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.checkout-meta{display:flex;gap:.5rem;font-size:.76rem;color:var(--tx-2);align-items:center}.checkout-price{font-size:.92rem;font-weight:700;color:var(--green);letter-spacing:-.02em}.checkout-date{font-size:.69rem;color:var(--tx-3);margin-top:.2rem;font-family:monospace}.view-link{color:var(--blue);font-size:.76rem;font-weight:500}.view-link:hover{color:var(--blue-lite)}.filters-container{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);padding:.95rem 1.25rem;margin-bottom:1.25rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.875rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:1.5rem}.pagination button{padding:.38rem .825rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--tx-2);cursor:pointer;font-size:.8rem;font-weight:500;font-family:inherit;transition:all .15s;min-width:34px}.pagination button:hover:not(:disabled){border-color:var(--border-strong);color:var(--tx-1);background:#0474c40f}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button.active{background:var(--blue);border-color:var(--blue);color:#fff}.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1100px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.packages-grid{grid-template-columns:1fr}}.notification-bell{position:relative;cursor:pointer;padding:.4rem;border-radius:var(--r-sm);transition:background .15s}.notification-bell:hover{background:#0474c414}.notification-badge{position:absolute;top:-1px;right:-1px;background:var(--blue);color:#fff;font-size:.57rem;padding:.1rem .3rem;border-radius:999px;font-weight:700;line-height:1.4}.pill-filters{display:flex;gap:.375rem;flex-wrap:wrap}.pill-btn{padding:.3rem .8rem;background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--tx-2);font-weight:600;font-size:.775rem;cursor:pointer;transition:all .15s;font-family:inherit}.pill-btn:hover{border-color:var(--border-strong);color:var(--tx-1)}.pill-btn.active{background:var(--blue-dim);border-color:var(--border-accent);color:var(--blue-lite)}.info-row{display:flex;align-items:baseline;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid rgba(83,121,174,.06)}.info-row:last-child{border-bottom:none}.info-label{font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3)}.info-value{font-size:.835rem;color:var(--tx-1);font-family:monospace;text-align:right}@media(max-width:1024px){:root{--sidebar-w:196px}.main-content{padding:1.375rem 1.5rem}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.public-header h1{font-size:1.75rem}.page-title{font-size:1.15rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:560px}.filters-grid{grid-template-columns:1fr}}@media(max-width:640px){.admin-layout{flex-direction:column}.sidebar{position:sticky;top:0;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:.7rem 1rem;z-index:100;flex-direction:row;align-items:center}.sidebar-logo{margin-bottom:0}.sidebar-section-label{display:none}.sidebar-nav{display:flex;overflow-x:auto;gap:.125rem;scrollbar-width:none;flex:1;margin-left:1rem}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav li{margin-bottom:0;flex-shrink:0}.sidebar-nav a{white-space:nowrap;padding:.38rem .6rem;font-size:.76rem}.sidebar-nav a .ni{display:none}.main-content{margin-left:0;padding:1rem}.page-header{flex-direction:column;gap:.75rem}.login-card{padding:1.75rem 1.25rem}.checkout-item{grid-template-columns:1fr;gap:.5rem}.checkout-image{width:100%;height:80px}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-size:16px!important}.public-page{padding:1rem}.stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.public-header h1{font-size:1.5rem}.stat-value{font-size:1.625rem}}@media(hover:none)and (pointer:coarse){.btn,.sidebar-nav a,button{min-height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:640px){.nav-links-desktop{display:none!important}.nav-hamburger{display:flex!important}}@media(max-width:480px){.public-stats-grid{grid-template-columns:1fr!important}}@media(min-width:481px)and (max-width:720px){.public-stats-grid{grid-template-columns:1fr 1fr!important}.public-stats-grid>*:first-child{grid-column:1/-1}}@media(max-width:600px){.review-layout{grid-template-columns:1fr!important}}@media(max-width:480px){.portal-profile-grid{grid-template-columns:1fr!important}}@media(max-width:400px){.login-card{padding:1.25rem 1rem!important;margin:.5rem!important}}@media(max-width:640px){.public-page{padding:1rem!important}}@media(max-width:360px){.checkout-row-price{display:none}}@media(max-width:768px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:480px}.page-header{flex-wrap:wrap;gap:.625rem}}@media(max-width:640px){.modal-inner{max-width:calc(100vw - 1rem)!important;padding:1.125rem!important}.btn-row{flex-wrap:wrap}}@media(max-width:640px){input,textarea,select{font-size:16px!important}}