@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}:root{--sh-black:#09090c;--sh-charcoal:#111115;--sh-card:#181317;--sh-red:#e1262f;--sh-dark-red:#950606;--sh-white:#fff;--sh-text:#e8e5e9;--sh-muted:#a5a1aa;--sh-border:#ffffff17;--sh-radius:14px;--sh-shadow:0 12px 35px #00000040}*{box-sizing:border-box}html{background:var(--sh-black);scroll-behavior:smooth;min-height:100%}body{background:var(--sh-black);min-width:320px;min-height:100vh;color:var(--sh-white);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}img{max-width:100%}#root{min-height:100vh}.app,.app-container,.dashboard{background:radial-gradient(ellipse at 100% 0%, #95060617, transparent 35%), var(--sh-black);min-height:100vh;color:var(--sh-white)}.page-content,.main-content{width:100%;max-width:1600px;margin:0 auto;padding:32px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-header h1,.page-title{color:var(--sh-white);letter-spacing:-.8px;margin:0;font-size:clamp(24px,3vw,32px);font-weight:750}.page-header p,.page-subtitle{color:var(--sh-muted);margin:8px 0 0;font-size:14px;line-height:1.7}.brand,.logo{color:var(--sh-white);letter-spacing:2px;align-items:center;gap:8px;font-size:21px;font-weight:800;display:inline-flex}.brand span,.logo span,.brand-accent{color:var(--sh-red)}.brand-caption{color:var(--sh-red);letter-spacing:3px;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:700;display:block}.sidebar{z-index:100;border-right:1px solid var(--sh-border);background:#0d0d11;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{margin:0 10px 36px}.sidebar-nav{flex-direction:column;flex:1;gap:7px;display:flex}.sidebar-nav a,.sidebar-link{min-height:44px;color:var(--sh-muted);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex}.sidebar-nav a:hover,.sidebar-link:hover{color:var(--sh-white);background:#e1262f14}.sidebar-nav a.active,.sidebar-link.active{color:var(--sh-white);background:#e1262f1f;border-color:#e1262f33}.sidebar-nav a.active:before,.sidebar-link.active:before{background:var(--sh-red);content:"";border-radius:4px;width:3px;height:18px}.sidebar-footer{border-top:1px solid var(--sh-border);padding-top:18px}.with-sidebar{min-height:100vh;margin-left:250px}.topbar-title{margin:0;font-size:16px;font-weight:650}.topbar-actions{align-items:center;gap:12px;display:flex}.stats-grid,.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.card,.stat-card,.panel{border:1px solid var(--sh-border);border-radius:var(--sh-radius);min-width:0;box-shadow:var(--sh-shadow);background:linear-gradient(145deg,#181317f5,#111115fa);padding:24px}.card h2,.panel h2{color:var(--sh-white);margin:0 0 12px;font-size:17px;font-weight:650}.card p,.panel p{color:var(--sh-muted);font-size:13px;line-height:1.7}.stat-label{color:var(--sh-muted);margin:0 0 12px;font-size:12px;font-weight:500}.stat-value{color:var(--sh-white);letter-spacing:-.8px;margin:0;font-size:clamp(24px,3vw,34px);font-weight:750}.stat-accent{color:var(--sh-red)}.stat-change{color:#c9c3cc;margin-top:12px;font-size:12px}.btn,.button{border:1px solid var(--sh-border);min-height:42px;color:var(--sh-white);background:#1a191e;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:13px;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover:not(:disabled),.button:hover:not(:disabled){background:#252128}.btn-primary,.button-primary{background:linear-gradient(110deg, var(--sh-dark-red), var(--sh-red));color:var(--sh-white);border-color:#0000;box-shadow:0 6px 20px #95060633}.btn-primary:hover:not(:disabled),.button-primary:hover:not(:disabled){background:linear-gradient(110deg,#b51019,#f13b44);transform:translateY(-1px);box-shadow:0 9px 24px #e1262f38}.btn-danger{color:#ff777d;background:#e1262f1a;border-color:#e1262f40}.btn-small{min-height:32px;padding:7px 11px;font-size:12px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label,.field-label{color:var(--sh-text);font-size:12px;font-weight:600}.form-control,.form-group input,.form-group select,.form-group textarea{width:100%;min-height:44px;color:var(--sh-white);background:#09090c;border:1px solid #343039;border-radius:9px;outline:none;padding:12px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group textarea{resize:vertical;min-height:110px}.form-control::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{color:#706a74}.form-control:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--sh-red);box-shadow:0 0 0 3px #e1262f1f}.table-wrapper{border:1px solid var(--sh-border);background:var(--sh-charcoal);border-radius:12px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}thead{background:#ffffff06}th{border-bottom:1px solid var(--sh-border);color:var(--sh-muted);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:15px 18px;font-size:11px;font-weight:650}td{border-bottom:1px solid var(--sh-border);color:var(--sh-text);padding:16px 18px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff06}.badge,.status-badge{border:1px solid var(--sh-border);color:var(--sh-text);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-red,.status-pending{color:#ff777d;background:#e1262f1a;border-color:#e1262f40}.badge-success,.status-completed{color:#7ddda0;background:#4abe7814;border-color:#4abe7833}.divider{background:var(--sh-border);border:0;height:1px;margin:24px 0}.text-muted{color:var(--sh-muted)}.text-red{color:var(--sh-red)}.text-white{color:var(--sh-white)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.empty-state{color:var(--sh-muted);text-align:center;padding:44px 20px}.empty-state h3{color:var(--sh-white);margin:0 0 10px;font-size:17px}.alert{border:1px solid var(--sh-border);color:var(--sh-text);background:#ffffff0a;border-radius:9px;padding:13px 15px;font-size:13px;line-height:1.6}.alert-error{color:#ff777d;background:#e1262f14;border-color:#e1262f4d}@media (width<=1100px){.stats-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content,.main-content{padding:24px}}@media (width<=760px){.sidebar{border-right:none;border-bottom:1px solid var(--sh-border);width:100%;height:auto;padding:18px;position:static}.sidebar-brand{margin:0 0 16px}.sidebar-nav{flex-flow:wrap}.sidebar-nav a,.sidebar-link{flex:auto}.sidebar-footer{margin-top:16px}.with-sidebar{margin-left:0}.topbar{padding:16px 20px}.page-content,.main-content{padding:20px}}@media (width<=480px){.stats-grid,.card-grid{grid-template-columns:1fr}.page-header{align-items:flex-start}.page-content,.main-content{padding:16px}.card,.stat-card,.panel{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap}}:focus-visible{outline:2px solid var(--sh-red);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell>.sidebar{flex:0 0 250px;width:250px}.app-shell>.main-content{flex:1;min-width:0;max-width:none;margin-left:250px;padding:0}.app-shell .main-content>:not(.topbar){padding-left:32px;padding-right:32px}.app-shell .topbar{z-index:20;position:sticky;top:0}.app-shell .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;margin-bottom:28px;display:grid}.app-shell .content-card{overflow-wrap:anywhere;border:1px solid var(--sh-border);border-radius:var(--sh-radius);min-width:0;box-shadow:var(--sh-shadow);background:linear-gradient(145deg,#181317,#111115);padding:24px}.app-shell .content-card p{color:var(--sh-muted);line-height:1.7}.app-shell .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.app-shell>.sidebar{flex-basis:220px;width:220px}.app-shell>.main-content{margin-left:220px}.app-shell .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell>.sidebar{z-index:100;width:250px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-shell>.sidebar.sidebar-open{transform:translate(0)}.app-shell>.main-content{width:100%;margin-left:0}.app-shell .dashboard-grid{grid-template-columns:minmax(0,1fr)}.app-shell .main-content>:not(.topbar){padding-left:20px;padding-right:20px}.app-shell .sidebar-overlay{z-index:90;background:#000000a6;border:0;display:block;position:fixed;inset:0}}@media (width<=480px){.app-shell .stats-grid{grid-template-columns:minmax(0,1fr)}.app-shell .content-card{padding:18px}}.app-shell{background:var(--sh-black);min-height:100vh;color:var(--sh-white);display:flex}.app-shell>.sidebar{z-index:100;border-right:1px solid var(--sh-border);background:#0d0d11;flex-direction:column;width:250px;padding:26px 18px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:10px;margin:0 4px 30px;display:flex}.brand-logo{object-fit:contain;width:42px;height:42px}.brand-text h2{letter-spacing:1.4px;margin:0;font-size:16px;font-weight:800}.brand-text span,.workspace-label{color:var(--sh-muted);letter-spacing:1.7px;font-size:9px;font-weight:700}.workspace-label{margin:0 12px 12px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{width:100%;min-height:43px;color:var(--sh-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#e1262f1c;border-color:#e1262f33}.nav-item.active{box-shadow:inset 3px 0 var(--sh-red)}.nav-dot,.notification-dot{background:var(--sh-red);border-radius:50%;width:7px;height:7px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:20px}.studio-card{border:1px solid var(--sh-border);background:#151419;border-radius:11px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 10px;display:flex}.studio-icon{color:#ff646b;background:#e1262f21;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.studio-card strong,.studio-card span,.user-details strong,.user-details span{display:block}.studio-card strong{font-size:12px}.studio-card span,.user-details span{color:var(--sh-muted);margin-top:5px;font-size:10px}.sidebar-footer{border-top:1px solid var(--sh-border);align-items:center;gap:10px;margin-top:15px;padding-top:16px;display:flex}.avatar,.topbar-avatar{color:#ffb2b5;background:#322027;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.user-details{overflow-wrap:anywhere;flex:1;min-width:0}.user-details strong{font-size:11px}.main-content{flex:1;width:auto;min-width:0;max-width:none;margin-left:250px;padding:0}.topbar{border-bottom:1px solid var(--sh-border);background:#101014;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:18px 32px;display:flex}.topbar-left,.topbar-actions,.breadcrumb{align-items:center;gap:12px;display:flex}.breadcrumb{color:var(--sh-muted);gap:6px;margin-bottom:5px;font-size:11px}.topbar h1{margin:0;font-size:22px;font-weight:700}.icon-button{border:1px solid var(--sh-border);width:38px;height:38px;color:var(--sh-text);cursor:pointer;background:#18171c;border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.icon-button:hover{background:#242027;border-color:#e1262f73}.mobile-menu,.sidebar-close{display:none}.search-box{border:1px solid var(--sh-border);width:230px;color:var(--sh-muted);background:#09090c;border-radius:9px;align-items:center;gap:9px;padding:0 11px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;height:38px;font-size:12px}.notification-button{position:relative}.notification-button .notification-dot{width:6px;height:6px;position:absolute;top:7px;right:7px}.page-content{width:100%;max-width:none;margin:0;padding:30px 32px}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.page-heading h2{letter-spacing:-.6px;margin:0;font-size:clamp(22px,2.5vw,29px)}.page-heading p{color:var(--sh-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#950606,#e1262f);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary-button:hover{filter:brightness(1.12)}.role-preview,.notice-banner{border:1px solid var(--sh-border);color:var(--sh-text);background:#121116;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;padding:12px 15px;font-size:12px;display:flex}.role-preview select{color:#fff;background:#09090c;border:1px solid #39333e;border-radius:7px;padding:7px 10px}.role-preview-note{color:var(--sh-muted)}.notice-banner{border-color:#e1262f40;justify-content:space-between}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--sh-border);min-width:0;box-shadow:var(--sh-shadow);background:linear-gradient(145deg,#19151a,#111115);border-radius:13px;padding:21px}.stat-top{color:var(--sh-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.stat-icon.red{color:#ff6971;background:#391b23}.stat-icon.green{color:#76dca1;background:#153126}.stat-icon.orange{color:#f3b15d;background:#362719}.stat-icon.purple{color:#b9a0ff;background:#29213e}.stat-number{margin-top:18px;font-size:30px;font-weight:750;line-height:1.2;display:block}.stat-caption{color:var(--sh-muted);align-items:center;gap:6px;margin-top:12px;font-size:11px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-bottom:24px;display:grid}.content-card{border:1px solid var(--sh-border);min-width:0;box-shadow:var(--sh-shadow);background:linear-gradient(145deg,#19151a,#111115);border-radius:13px;padding:22px}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.card-heading h3{margin:0;font-size:15px}.card-heading p{color:var(--sh-muted);margin:7px 0 0;font-size:12px;line-height:1.6}.text-button{color:#ff747b;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:4px;font-size:11px;display:inline-flex}.app-shell .content-card p{color:var(--sh-muted)}.app-shell .content-card h2,.app-shell .content-card h3{color:var(--sh-white)}.app-shell .content-card .empty-state{text-align:center;padding:30px 12px}.app-shell .content-card button:not(.primary-button):not(.text-button):not(.icon-button){cursor:pointer}.app-shell .sidebar-overlay{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:24px}.topbar{padding-left:24px;padding-right:24px}}@media (width<=760px){.app-shell>.sidebar{width:260px;transition:transform .25s;transform:translate(-100%)}.app-shell>.sidebar.sidebar-open{transform:translate(0)}.app-shell>.main-content{width:100%;margin-left:0}.mobile-menu,.sidebar-close{display:inline-grid}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.topbar{padding:16px 20px}.topbar-actions{gap:7px}.search-box{width:min(190px,42vw)}.page-content{padding:22px 20px}.app-shell .sidebar-overlay{z-index:90;background:#000000a6;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}}@media (width<=480px){.stats-grid{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;align-items:flex-start}.topbar-actions{width:100%}.search-box{flex:1;width:auto}.page-heading{flex-direction:column;align-items:flex-start}.page-content{padding:18px 14px}.content-card,.stat-card{padding:17px}}.progress-line{align-items:center;gap:12px;width:100%;margin-top:12px;display:flex}.progress-track{background:#e9edf4;border-radius:999px;flex:1;min-width:60px;height:8px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;min-height:8px;transition:width .35s;display:block}.progress-fill.red{background:#e45b68}.progress-fill.purple{background:#8b78e6}.progress-fill.green{background:#36ad83}.progress-fill.orange{background:#f2a34a}.progress-line>span{color:#687386;text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px;font-weight:700}.task-summary{gap:10px;margin-top:18px;display:grid}.task-summary>span{color:#687386;font-size:13px;font-weight:600}.stat-card-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card-clickable:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1f293717}.stat-card-clickable:focus-visible{outline-offset:3px;outline:3px solid #8b78e6}.status-filter{color:#374151;max-width:190px;min-height:38px;font:inherit;background:#fff;border:1px solid #e1e5ed;border-radius:10px;padding:8px 12px;font-size:13px}.task-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.full-task-list .task-row{box-sizing:border-box;flex-direction:row;flex:none;align-items:center;width:100%;display:flex}.full-task-list .task-text{flex:1;min-width:0}.full-task-list .task-text strong,.full-task-list .task-text small{overflow-wrap:anywhere;display:block}.full-task-list .status-badge{flex-shrink:0}.full-task-list{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.full-task-list .task-row{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e8eaf1;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:72px;padding:16px 18px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.full-task-list .task-row:hover{border-color:#c9c0f3;box-shadow:0 4px 14px #2823500d}.full-task-list .task-row input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.7px solid #c7cbd6;border-radius:6px;flex:0 0 19px;place-content:center;width:19px;height:19px;margin:0;transition:background .2s,border-color .2s;display:grid}.full-task-list .task-row input[type=checkbox]:checked{background:#8171d9;border-color:#8171d9}.full-task-list .task-check{display:none}.full-task-list .task-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.full-task-list .task-text strong{color:#25283a;overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.4}.full-task-list .task-text small{color:#858b9c;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.full-task-list .status-badge{border-radius:20px;flex-shrink:0;padding:5px 10px;font-size:11px}.full-task-list .task-row.task-completed{background:#fafaff}.full-task-list .task-row.task-completed .task-text strong{color:#858b9c;text-decoration:line-through}@media (width<=520px){.full-task-list .task-row{gap:10px;padding:13px}.full-task-list .status-badge{padding:4px 7px;font-size:10px}}.full-task-list .task-row input[type=checkbox]{appearance:none;cursor:pointer;background-color:#f5f2ff;border:1.5px solid #c9c0f3;border-radius:6px;place-content:center;width:19px;min-width:19px;height:19px;margin:0;transition:all .2s;display:grid}.full-task-list .task-row input[type=checkbox]:checked{background-color:#8171d9;border-color:#8171d9}.full-task-list .task-row input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(45deg)}.full-task-list .task-row input[type=checkbox]:hover{border-color:#8171d9}.full-task-list .task-row input[type=checkbox]:focus-visible{outline-offset:3px;outline:3px solid #8171d938}.activity-card{background:#fff;border:1px solid #ece9f6;border-radius:18px;padding:24px;box-shadow:0 5px 22px #2a235009}.activity-card .card-heading{margin-bottom:22px}.activity-card .card-heading h3{color:#242238;letter-spacing:-.45px;margin:0;font-size:19px;font-weight:700}.activity-card .card-heading p{color:#858399;margin:7px 0 0;font-size:13px;line-height:1.6}.activity-card .overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.activity-card .overview-item{box-sizing:border-box;background:linear-gradient(145deg,#fff 0%,#faf9ff 100%);border:1px solid #eeebf8;border-radius:14px;align-items:center;gap:13px;min-width:0;min-height:94px;padding:17px 15px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.activity-card .overview-item:hover{border-color:#d9d0fa;transform:translateY(-2px);box-shadow:0 7px 18px #5e4ca012}.activity-card .overview-icon{color:#7964d5;background:#f0ebff;border:1px solid #e8e1ff;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.activity-card .overview-item:nth-child(2) .overview-icon{color:#269b76;background:#eaf8f2;border-color:#d7f0e5}.activity-card .overview-item:nth-child(3) .overview-icon{color:#d98a36;background:#fff3e6;border-color:#ffead2}.activity-card .overview-item:nth-child(4) .overview-icon{color:#4f7ed0;background:#eaf2ff;border-color:#dbe7ff}.activity-card .overview-item>div:last-child{flex-direction:column;gap:7px;min-width:0;display:flex}.activity-card .overview-item span{color:#858399;font-size:12px;font-weight:500;line-height:1.4}.activity-card .overview-item strong{color:#29263e;letter-spacing:-.7px;overflow-wrap:anywhere;font-size:25px;font-weight:750;line-height:1.1}.activity-card .overview-item:nth-child(4) strong{color:#21865b;letter-spacing:0;background:#eaf8f0;border:1px solid #cdeedc;border-radius:20px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:700}@media (width<=1000px){.activity-card .overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.activity-card{border-radius:15px;padding:17px}.activity-card .overview-grid{gap:10px}.activity-card .overview-item{flex-direction:column;align-items:flex-start;gap:12px;min-height:125px;padding:13px}.activity-card .overview-icon{border-radius:10px;flex-basis:38px;width:38px;height:38px}.activity-card .overview-item strong{font-size:22px}}:root{--field-bg:#fff;--field-border:#e1e3ed;--field-text:#29283a;--field-placeholder:#9a9bad;--field-accent:#8171d9;--field-focus-bg:#fdfcff;--field-focus-ring:#8171d921}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]),select,textarea{border:1px solid var(--field-border);background-color:var(--field-bg);width:100%;min-width:0;min-height:46px;color:var(--field-text);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:0 1px 2px #1f233706}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--field-placeholder);opacity:1;font-weight:400}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover,select:hover,textarea:hover{border-color:#c9c1ed}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus,textarea:focus{border-color:var(--field-accent);background-color:var(--field-focus-bg);box-shadow:0 0 0 3px var(--field-focus-ring);outline:none}select{cursor:pointer;padding-right:36px}textarea{resize:vertical;min-height:110px}.data-form>label,.data-form label{color:#45445a;flex-direction:column;gap:8px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.data-form input,.data-form select,.data-form textarea{margin-top:0}input:disabled,select:disabled,textarea:disabled{color:#9696a6;cursor:not-allowed;opacity:.8;background-color:#f5f5f9;border-color:#e7e7ee}input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:#e5a0a8}input[type=search]{appearance:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@media (width<=520px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]),select,textarea{border-radius:9px;min-height:44px;padding:11px 12px;font-size:13px}}.feedback-list{flex-direction:column;gap:16px;width:100%;display:flex}.feedback-item{box-sizing:border-box;background:#fff;border:1px solid #e9e7f2;border-radius:16px;align-items:flex-start;gap:16px;padding:22px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 3px 12px #2b244f09}.feedback-item:hover{border-color:#d5cef4;box-shadow:0 7px 22px #2b244f11}.feedback-icon{color:#7968cf;background:#f0edff;border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feedback-content{flex:1;min-width:0}.feedback-content .project-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.feedback-content .project-title-row strong{color:#29283a;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.5}.feedback-content .project-client{color:#88879b;margin-bottom:12px;font-size:12px;display:block}.feedback-content>p{color:#626176;overflow-wrap:anywhere;margin:0 0 18px;font-size:13px;line-height:1.7}.feedback-actions{border-top:1px solid #f0eef6;flex-wrap:wrap;align-items:center;gap:10px;padding-top:15px;display:flex}.feedback-actions button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 15px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.feedback-actions .secondary-button{color:#7463c7;background:#f6f4ff;border:1px solid #e3defb}.feedback-actions .primary-button{color:#fff;background:#8171d9;border:1px solid #8171d9;box-shadow:0 3px 8px #8171d929}.feedback-actions .primary-button:hover{background:#6e5bc8;border-color:#6e5bc8;transform:translateY(-1px);box-shadow:0 5px 12px #8171d93b}.feedback-actions button:focus-visible{outline-offset:3px;outline:3px solid #8171d940}.feedback-actions button:active{transform:translateY(0)}.feedback-actions button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=520px){.feedback-item{border-radius:13px;gap:12px;padding:15px}.feedback-icon{flex-basis:38px;width:38px;height:38px}.feedback-actions{align-items:stretch}.feedback-actions button{flex:auto}}.billing-page{flex-direction:column;gap:22px;width:100%;min-width:0;display:flex}.billing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.billing-stat{background:#fff;border:1px solid #e9e7f2;border-radius:15px;min-width:0;padding:22px;box-shadow:0 3px 12px #2b244f09}.billing-stat span{color:#77758b;margin-bottom:12px;font-size:13px;display:block}.billing-stat strong{color:#29283a;overflow-wrap:anywhere;font-size:clamp(20px,2.5vw,28px);font-weight:700;display:block}.billing-card{min-width:0}.billing-heading{flex-wrap:wrap;align-items:center;gap:16px}.billing-form{background:#faf9ff;border:1px solid #e9e5fb;border-radius:13px;margin:22px 0;padding:20px}.billing-form .primary-button{align-self:end}.billing-table{width:100%}.billing-table td,.billing-table th{vertical-align:middle}.billing-project{color:#88879b;margin-top:5px;font-size:12px;display:block}.billing-status{white-space:nowrap;border-radius:20px;align-items:center;padding:6px 10px;font-size:12px;font-weight:650;display:inline-flex}.billing-status.paid{color:#23734d;background:#e8f7ef}.billing-status.pending{color:#91621a;background:#fff4dc}.billing-status.overdue{color:#b43c45;background:#fdebed}.billing-paid-label{color:#23734d;font-size:12px;font-weight:650}.billing-demo-note{color:#858398;margin-top:18px;font-size:12px;line-height:1.6}@media (width<=760px){.billing-summary{grid-template-columns:1fr}.billing-stat{padding:18px}.billing-heading>button{width:100%}.billing-table{min-width:720px}}.tasks-card{min-width:0}.tasks-card .task-list{flex-direction:column;gap:9px;margin-top:18px;display:flex}.tasks-card .task-row{cursor:pointer;background:#fff;border:1px solid #e9e7ef;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:13px 14px;transition:background .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.tasks-card .task-row:hover{background:#faf9ff;border-color:#d8d0f5;box-shadow:0 3px 10px #30235a0a}.tasks-card .task-row input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.tasks-card .task-check{color:#fff;background:#fff;border:1.5px solid #d5d1e2;border-radius:7px;flex:0 0 21px;justify-content:center;align-items:center;width:21px;height:21px;transition:background .16s,border-color .16s;display:flex}.tasks-card .task-row input[type=checkbox]:checked+.task-check{color:#fff;background:#7561c9;border-color:#7561c9}.tasks-card .task-row input[type=checkbox]:focus-visible+.task-check{outline-offset:3px;outline:3px solid #dcd4ff}.tasks-card .task-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.tasks-card .task-text strong{color:#28243a;overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.45}.tasks-card .task-text small{color:#89859a;overflow-wrap:anywhere;font-size:11px;line-height:1.4}.tasks-card .task-row.task-completed{background:#faf9fd;border-color:#eeebf5}.tasks-card .task-row.task-completed .task-text strong{color:#918ca0;-webkit-text-decoration:line-through #c8c2d7;text-decoration:line-through #c8c2d7}.tasks-card .task-summary{border-top:1px solid #efedf4;flex-direction:column;gap:10px;margin-top:20px;padding-top:16px;display:flex}.tasks-card .task-summary>span{color:#777287;font-size:12px;font-weight:500}.tasks-card .task-summary .progress-track{background:#efedf5;border-radius:99px;width:100%;height:6px;overflow:hidden}.tasks-card .task-summary .progress-fill{background:#7561c9;border-radius:99px;height:100%;transition:width .22s}@media (width<=600px){.tasks-card .task-row{gap:10px;padding:12px}.tasks-card .task-text strong{font-size:12px}.tasks-card .task-text small{font-size:10px}}.full-task-list .task-row,.tasks-card .task-row{color:#f5f1f3;box-shadow:none;background:#151216;border:1px solid #34262f}.full-task-list .task-row:hover,.tasks-card .task-row:hover{background:#1c151b;border-color:#6b2937;box-shadow:0 4px 14px #0000002e}.full-task-list .task-text strong,.tasks-card .task-text strong{color:#f5f1f3}.full-task-list .task-text small,.tasks-card .task-text small{color:#aaa0aa}.full-task-list .task-row.task-completed,.tasks-card .task-row.task-completed{background:#19151c;border-color:#382b40}.full-task-list .task-row.task-completed .task-text strong,.tasks-card .task-row.task-completed .task-text strong{color:#928a9a}.full-task-list .task-row input[type=checkbox],.tasks-card .task-check{background-color:#211922;border-color:#8b78e6}.full-task-list .task-row input[type=checkbox]:checked,.tasks-card .task-row input[type=checkbox]:checked+.task-check{background-color:#8171d9;border-color:#8171d9}.feedback-item{box-shadow:none;background:#151216;border-color:#34262f}.feedback-item:hover{background:#1b151a;border-color:#6b2937;box-shadow:0 5px 18px #0003}.feedback-icon{color:#b8a9ff;background:#291b2b}.feedback-content .project-title-row strong{color:#f5f1f3}.feedback-content .project-client{color:#aaa0aa}.feedback-content>p{color:#b7adb8}.feedback-actions{border-top-color:#34262f}.feedback-actions .secondary-button{color:#c3b6ff;background:#211922;border-color:#49334b}.feedback-actions .secondary-button:hover{color:#fff;background:#302035;border-color:#8171d9}.feedback-actions .primary-button{color:#fff;background:#8171d9;border-color:#8171d9}.feedback-actions .primary-button:hover{background:#6e5bc8;border-color:#6e5bc8}.login-switch{text-align:center;margin-top:18px;font-size:14px}.login-toggle{width:auto;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline}.login-toggle:disabled{cursor:not-allowed;opacity:.6}.login-message{overflow-wrap:anywhere;margin:12px 0;font-size:14px;line-height:1.5}.login-page{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 15% 20%,#e1262f1f,#0000 35%),#09090c;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.login-card{box-sizing:border-box;background:#111115;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:440px;padding:42px;box-shadow:0 24px 80px #00000059}.login-brand{letter-spacing:-1px;margin-bottom:8px;font-size:25px;font-weight:800}.login-brand-dot,.login-heading-dot{color:#e1262f}.login-eyebrow{color:#a7a0ad;letter-spacing:3px;margin:0 0 34px;font-size:11px;font-weight:700}.login-card h1{letter-spacing:-1.2px;margin:0 0 12px;font-size:clamp(30px,5vw,38px);line-height:1.2}.login-description{color:#a7a0ad;margin:0 0 30px;font-size:14px;line-height:1.7}.login-card label{margin:18px 0 8px;font-size:13px;font-weight:600;display:block}.login-card input{box-sizing:border-box;color:#fff;width:100%;min-height:46px;font:inherit;background:#09090c;border:1px solid #34313a;border-radius:9px;outline:none;padding:0 14px;display:block}.login-card input::placeholder{color:#706a74}.login-card input:focus{border-color:#e1262f;box-shadow:0 0 0 3px #e1262f1f}.login-card button[type=submit]{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(110deg,#950606,#e1262f);border:0;border-radius:9px;width:100%;min-height:48px;margin-top:24px;font-size:13px;font-weight:800}.login-card button[type=submit]:disabled{cursor:wait;opacity:.65}.login-error{color:#ff777d;font-size:13px;line-height:1.5}.login-footer{color:#a7a0ad;text-align:center;margin:28px 0 0;font-size:11px;line-height:1.9}@media (width<=480px){.login-card{padding:28px 22px}}.login-role-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px;display:grid}.login-role-option{color:#fff;text-align:left;cursor:pointer;background:#09090c;border:1px solid #34313a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:13px 10px;transition:border-color .15s,background .15s;display:flex}.login-role-option:hover{border-color:#a54b50}.login-role-option.selected{background:#e1262f1f;border-color:#e1262f;box-shadow:inset 0 0 0 1px #e1262f40}.login-role-option:focus-visible{outline-offset:3px;outline:2px solid #e1262f}.login-role-option:disabled{cursor:wait;opacity:.7}.login-role-title{font-size:13px;font-weight:750}.login-role-description{color:#a7a0ad;font-size:10px;line-height:1.4}@media (width<=380px){.login-role-options{gap:5px}.login-role-option{padding:11px 7px}.login-role-title{font-size:12px}.login-role-description{font-size:9px}}.home-page{--home-bg:#0b0b0d;--home-text:#f6f3f1;--home-muted:#aaa3a4;--home-red:#e1262f;--home-line:#ffffff1f;isolation:isolate;background:radial-gradient(ellipse at 76% 43%, #7416251f, transparent 34%), radial-gradient(ellipse at 5% 95%, #5616201f, transparent 35%), var(--home-bg);min-height:100dvh;color:var(--home-text);flex-direction:column;padding:0 clamp(22px,6vw,92px);font-family:inherit;display:flex;position:relative;overflow:hidden}.home-page *,.home-page :before,.home-page :after{box-sizing:border-box}.home-ambient{z-index:-1;pointer-events:none;filter:blur(1px);border-radius:50%;position:absolute}.home-ambient-one{border:1px solid #ca3f4d1f;width:560px;height:560px;top:-260px;right:7%;box-shadow:0 0 100px #8f1c2b0f,inset 0 0 100px #8f1c2b0a}.home-ambient-two{background:radial-gradient(circle,#80192b21,#80192b06 44%,#0000 70%);width:620px;height:620px;bottom:-320px;right:12%}.home-grain{z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E");position:absolute;inset:0}.home-header{z-index:1;border-bottom:1px solid var(--home-line);justify-content:space-between;align-items:center;min-height:92px;display:flex;position:relative}.home-brand{color:#fff;letter-spacing:.07em;font-size:20px;font-weight:850;text-decoration:none}.home-brand span{font-weight:400}.home-brand i{color:var(--home-red);font-style:normal}.home-header-label,.home-footer{letter-spacing:.2em;font-size:9px;font-weight:650}.home-header-label{color:#a9a0a1}.home-header-label span{color:var(--home-red);margin:0 8px}.home-hero{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(24px,5vw,80px);width:100%;max-width:1440px;margin:0 auto;padding:clamp(48px,7vh,84px) 0;display:grid;position:relative}.home-copy{z-index:2;max-width:610px;position:relative}.home-eyebrow{color:#c5b9ba;letter-spacing:.2em;align-items:center;gap:11px;margin:0 0 26px;font-size:10px;font-weight:650;display:flex}.home-status-dot{background:var(--home-red);border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 14px #c83a488c}.home-copy h1{color:#f8f5f3;letter-spacing:-.065em;margin:0;font-size:clamp(43px,5.3vw,76px);font-weight:650;line-height:1.04}.home-copy h1 span{color:#e1262f}.home-description{max-width:420px;color:var(--home-muted);margin:24px 0 30px;font-size:14px;font-weight:400;line-height:1.9}.home-actions{flex-direction:column;gap:10px;width:100%;max-width:390px;display:flex}.home-button{color:#f7f3f1;letter-spacing:.01em;background:#ffffff06;border:1px solid #ffffff24;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;min-height:55px;padding:0 18px;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex}.home-button:hover{background:#c83a4814;border-color:#d74a57cc;transform:translateY(-2px)}.home-button-primary{border-color:var(--home-red);background:var(--home-red);box-shadow:0 8px 28px #961d2b29}.home-button-primary:hover{background:#e1262f;border-color:#f13b44;box-shadow:0 10px 32px #961d2b40}.home-button-arrow{color:#ef9ba3;font-size:17px;font-weight:400;transition:transform .18s}.home-button:hover .home-button-arrow{transform:translate(2px,-2px)}.home-button-primary .home-button-arrow{color:#fff}.home-art{aspect-ratio:1;isolation:isolate;justify-self:center;place-items:center;width:min(100%,550px);min-height:320px;display:grid;position:relative}.home-art:before{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:10%}.home-art:after{content:"";background:conic-gradient(from 215deg,#0000 0deg,#c83a4812 80deg,#0000 145deg,#ffffff06 230deg,#0000 300deg);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 36%,#000 75%,#0000 76%);mask-image:radial-gradient(circle,#0000 36%,#000 75%,#0000 76%)}.home-art-orbit{border:1px solid #dcc0c221;border-radius:50%;position:absolute}.home-orbit-outer{inset:4%;transform:rotate(-24deg)scaleY(.86)}.home-orbit-middle{border-color:#d042524d;inset:16%;transform:rotate(35deg)scaleY(.88)}.home-orbit-inner{border-color:#ffffff1a;inset:26%;transform:rotate(-35deg)scaleY(.92)}.home-art-glow{filter:blur(10px);background:radial-gradient(circle,#bd2a3b3b 0%,#7417261a 38%,#0000 72%);border-radius:50%;width:52%;height:52%;position:absolute}.home-art-core{aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#66202b61,#130f11f5 72%);border:1px solid #e4cacb38;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:39%;display:flex;position:relative;box-shadow:0 0 70px #a1233321,inset 0 0 35px #ffffff06}.home-core-cross{color:#d64a58;font-size:clamp(25px,3vw,40px);line-height:1.1}.home-core-word{color:#f5e9e7;letter-spacing:.2em;margin-top:8px;font-size:clamp(13px,1.6vw,19px);font-weight:750}.home-core-caption{color:#a99b9d;letter-spacing:.13em;margin-top:9px;font-size:clamp(6px,.7vw,8px)}.home-art-marker{z-index:2;background:#bd3444;border:1px solid #f18a93;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 15px #e2435499}.home-marker-one{top:17%;left:31%}.home-marker-two{top:42%;right:8%}.home-marker-three{bottom:18%;left:24%}.home-art-note{color:#aaa0a1;letter-spacing:.13em;font-size:8px;font-weight:600;position:absolute}.home-art-note span{color:#e16b76;margin-right:8px}.home-note-top{top:15%;right:0}.home-note-bottom{bottom:13%;left:0}.home-footer{border-top:1px solid var(--home-line);color:#81787a;justify-content:space-between;align-items:center;gap:16px;min-height:66px;font-size:8px;display:flex;position:relative}.home-footer-center{color:#aaa0a1}.home-footer-center span{color:var(--home-red)}@media (width>=1500px){.home-hero{gap:80px}}@media (width<=900px){.home-page{padding:0 30px}.home-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:16px}.home-copy h1{font-size:clamp(42px,6vw,60px)}.home-art{min-height:260px}.home-art-note{font-size:7px}}@media (width<=640px){.home-page{padding:0 22px}.home-header{min-height:76px}.home-brand{font-size:18px}.home-header-label{text-align:right;letter-spacing:.12em;max-width:125px;font-size:7px;line-height:1.8}.home-hero{flex-direction:column;align-items:stretch;gap:8px;padding:50px 0 40px;display:flex}.home-copy{max-width:none}.home-eyebrow{margin-bottom:22px;font-size:9px}.home-copy h1{font-size:clamp(43px,10vw,61px);line-height:1.05}.home-description{max-width:360px;margin:19px 0 25px;font-size:13px}.home-actions{max-width:none}.home-button{min-height:53px}.home-art{width:min(100%,340px);min-height:0;margin:8px auto 0}.home-art-note{font-size:7px}.home-footer{letter-spacing:.1em;flex-wrap:wrap;min-height:58px;font-size:7px}.home-footer-center{display:none}}@media (prefers-reduced-motion:reduce){.home-button,.home-button-arrow{transition:none}}.home-header-login{flex-shrink:0;margin-left:auto;padding:10px 16px;font-size:13px}@media (width<=600px){.home-header{gap:12px}.home-header-label{display:none}.home-header-login{margin-left:auto;padding:9px 12px}}.packages-page{--accent:#e1262f;--accent-light:#f13b44;--bg:#090909;--panel:#121212;--panel-light:#181818;--border:#292929;--text:#f6f6f6;--muted:#a3a3a3;background:var(--bg);min-height:100vh;color:var(--text);font-family:inherit}.packages-page *,.packages-page :before,.packages-page :after{box-sizing:border-box}.packages-page button,.packages-page input,.packages-page select,.packages-page textarea{font:inherit}.packages-page a{color:inherit;text-decoration:none}.packages-header{border-bottom:1px solid var(--border);background:#0c0c0c;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:15px 6%;display:flex}.packages-brand{letter-spacing:1.5px;align-items:center;gap:12px;font-size:17px;font-weight:800;display:inline-flex}.packages-brand img{object-fit:contain;width:48px;height:48px}.packages-brand span{flex-direction:column;gap:4px;display:flex}.packages-brand small{color:var(--accent-light);letter-spacing:2px;font-size:9px}.packages-back,.packages-footer-home{color:#ddd;align-items:center;gap:8px;font-size:13px;transition:color .2s;display:inline-flex}.packages-back:hover,.packages-footer-home:hover{color:var(--accent-light)}.packages-hero{text-align:center;background:radial-gradient(ellipse at top, #e1262f21, transparent 55%), var(--bg);padding:95px 24px 85px}.packages-eyebrow{color:var(--accent-light);letter-spacing:2px;font-size:11px;font-weight:800;line-height:1.7;display:inline-block}.packages-hero h1{letter-spacing:-2px;max-width:850px;margin:18px auto;font-size:clamp(38px,6vw,68px);line-height:1.08}.packages-hero h1 span{color:var(--accent-light);display:block}.packages-hero>p{max-width:600px;color:var(--muted);margin:20px auto 0;font-size:15px;line-height:1.8}.packages-hero-tags{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.packages-hero-tags span{border:1px solid var(--border);color:#ddd;background:#ffffff06;border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.packages-hero-tags svg{color:var(--accent-light)}.package-section{max-width:1240px;margin:0 auto;padding:55px 24px;scroll-margin-top:25px}.package-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.package-section-heading h2,.booking-intro h2{letter-spacing:-1px;margin:8px 0 10px;font-size:clamp(28px,4vw,38px)}.package-section-heading p,.booking-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.package-count,.package-coming-soon{border:1px solid var(--border);color:#ddd;letter-spacing:1px;border-radius:5px;flex-shrink:0;padding:9px 12px;font-size:10px;font-weight:700}.package-coming-soon{color:var(--accent-light);border-color:#e1262f59}.package-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.package-card{border:1px solid var(--border);background:linear-gradient(145deg,#171717,#101010);border-radius:12px;flex-direction:column;min-width:0;padding:23px 20px 20px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.package-card:hover{border-color:#555;transform:translateY(-3px)}.package-card-selected{border-color:var(--accent);box-shadow:0 0 0 1px #e1262f29}.package-card-top{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.package-icon{width:42px;height:42px;color:var(--accent-light);background:#e1262f1a;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.package-selected-label{color:var(--accent-light);align-items:center;gap:4px;font-size:11px;display:inline-flex}.package-card h3{margin:24px 0 16px;font-size:22px}.package-reel-count{align-items:baseline;gap:7px;display:flex}.package-reel-count strong{font-size:34px;line-height:1}.package-reel-count span{color:var(--muted);font-size:13px}.package-price{letter-spacing:-.8px;overflow-wrap:anywhere;margin-top:20px;font-size:27px;font-weight:800}.package-tax-note{color:var(--muted);margin:6px 0 20px;font-size:11px}.package-features{border-top:1px solid var(--border);gap:12px;margin:0 0 25px;padding:18px 0 0;list-style:none;display:grid}.package-features li{color:#ccc;align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.package-features svg{color:var(--accent-light);flex-shrink:0}.package-select-button,.booking-submit{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:12px 14px;font-size:13px;font-weight:750;transition:background .2s,transform .2s;display:flex}.package-select-button{margin-top:auto}.package-select-button:hover,.booking-submit:hover{background:#e83243;transform:translateY(-1px)}.packages-pricing-note{color:var(--muted);margin:24px 0 0;font-size:12px;line-height:1.7}.future-packages{padding-top:38px;padding-bottom:38px}.package-placeholder{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:20px;padding:25px;display:flex}.placeholder-icon{width:54px;height:54px;color:var(--accent-light);background:#e1262f1a;border-radius:8px;flex-shrink:0;place-items:center;font-size:17px;font-weight:800;display:grid}.package-placeholder h3{margin:0 0 8px;font-size:17px}.package-placeholder p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.booking-section{max-width:1240px;margin:40px auto 70px;padding:45px 24px;scroll-margin-top:20px}.booking-intro{max-width:650px;margin-bottom:30px}.booking-empty{text-align:center;background:var(--panel);border:1px dashed #414141;border-radius:12px;flex-direction:column;align-items:center;padding:50px 20px;display:flex}.booking-empty>svg{color:var(--accent-light)}.booking-empty h3{margin:17px 0 8px;font-size:20px}.booking-empty p{color:var(--muted);margin:0 0 22px;font-size:13px}.booking-empty .package-select-button{width:auto;margin-top:0}.booking-layout{grid-template-columns:minmax(240px,.75fr) minmax(0,1.6fr);align-items:start;gap:24px;display:grid}.booking-summary,.booking-form{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0;padding:27px}.booking-summary{position:sticky;top:20px}.booking-summary h3,.booking-form h3{margin:10px 0;font-size:23px}.summary-duration{color:var(--accent-light);margin:0 0 22px;font-size:16px;font-weight:700}.summary-line,.summary-total{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;font-size:12px;display:flex}.summary-line span,.summary-total span{color:var(--muted)}.summary-line strong,.summary-total strong{text-align:right}.summary-total{border-bottom:0;margin-top:5px;font-size:13px}.summary-total strong{color:var(--accent-light);font-size:18px}.summary-note{color:var(--muted);margin:12px 0 20px;font-size:11px;line-height:1.7}.change-package-button{color:#eee;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;width:100%;min-height:42px;padding:10px}.change-package-button:hover{border-color:var(--accent);color:var(--accent-light)}.booking-form-subtitle{color:var(--muted);margin:0 0 24px;font-size:12px}.booking-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;display:grid}.booking-form label{z-index:0;color:#eee;flex-direction:column;align-items:stretch;gap:9px;min-width:0;font-size:12px;font-weight:650;display:flex;position:relative}.booking-form label>span{align-items:center;gap:7px;line-height:1.5;display:flex}.booking-form label>span svg{color:var(--accent-light);flex-shrink:0}.booking-form input,.booking-form select,.booking-form textarea{color:#f5f5f5;pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text;background:#0c0c0c;border:1px solid #3a3a3a;border-radius:6px;outline:none;width:100%;min-width:0;min-height:46px;margin:0;padding:12px 13px;font-size:13px;font-weight:400;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.booking-form select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.booking-form input[type=date],.booking-form input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.booking-form input[readonly]{cursor:default;color:#c9c9c9;background:#151515}.booking-form input::placeholder,.booking-form textarea::placeholder{color:#777;opacity:1}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e1262f21}.booking-form textarea{resize:vertical;min-height:110px}.booking-form small{color:#999;font-size:11px;font-weight:400;line-height:1.6}.booking-field-full{grid-column:1/-1}.booking-time-preview{background:#e1262f12;border:1px solid #e1262f59;border-radius:8px;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;display:flex}.booking-time-preview>svg{color:var(--accent-light);flex-shrink:0;margin-top:2px}.booking-time-preview div{flex-direction:column;gap:6px;display:flex}.booking-time-preview strong{color:#fff;font-size:13px}.booking-time-preview span{color:#ddd;font-size:12px;line-height:1.6}.booking-time-preview small{color:#999;font-size:11px}.booking-submit{margin-top:25px}.booking-message{overflow-wrap:anywhere;border:1px solid #444;border-radius:6px;margin-top:16px;padding:14px;font-size:12px;line-height:1.8}.booking-message-success{color:#b5f0ce;background:#40be7814;border-color:#40be7866}.booking-message-error{color:#ffb9c0;background:#e1262f14;border-color:#e1262f66}.packages-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:25px 6%;font-size:11px;display:flex}@media (width<=1050px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.booking-summary,.booking-form{padding:22px}}@media (width<=760px){.packages-header{min-height:70px;padding:12px 5%}.packages-brand{font-size:14px}.packages-brand img{width:40px;height:40px}.packages-brand small{font-size:8px}.packages-back{font-size:11px}.packages-hero{padding:70px 20px 60px}.packages-hero h1{letter-spacing:-1px}.package-section{padding:40px 18px}.package-section-heading{flex-direction:column;align-items:flex-start;gap:15px}.package-grid{gap:12px}.package-card{padding:17px 14px}.package-card h3{font-size:19px}.package-price{font-size:23px}.package-features li{font-size:11px}.package-placeholder{align-items:flex-start;padding:18px}.booking-section{margin:20px auto 45px;padding:35px 18px}.booking-layout{grid-template-columns:1fr}.booking-summary{position:static}}@media (width<=480px){.packages-back{gap:4px;font-size:10px}.packages-brand{letter-spacing:.8px;gap:7px}.packages-brand img{width:34px;height:34px}.packages-hero-tags{flex-direction:column;align-items:center}.package-grid{grid-template-columns:1fr}.package-card{padding:22px}.package-card h3{font-size:22px}.package-price{font-size:28px}.booking-fields{grid-template-columns:1fr}.booking-field-full{grid-column:auto}.booking-form,.booking-summary{padding:19px}.packages-footer{flex-direction:column;align-items:flex-start}}:root{--sh-brand-red:#e1262f;--sh-brand-red-dark:#950606;--sh-brand-red-bright:#f13b44}.leads-page{min-width:0;color:var(--text-primary,#f7f3f5);gap:20px;display:grid}.leads-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.leads-search{color:#aaa3b2;background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;width:min(100%,360px);min-height:43px;padding:0 12px;display:flex}.leads-search input{color:#f8f5f8;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.leads-search input::placeholder{color:#928b9a}.leads-search button,.leads-icon-button{color:#c8c0cd;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.leads-toolbar-actions,.leads-form-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.leads-primary-button,.leads-secondary-button{min-height:40px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:650;transition:all .18s;display:inline-flex}.leads-primary-button{color:#fff;background:linear-gradient(135deg,#8b3158,#642544);border:1px solid #8b3158}.leads-primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.leads-primary-button:disabled,.leads-secondary-button:disabled{opacity:.45;cursor:not-allowed}.leads-secondary-button{color:#e4dce8;background:#ffffff0b;border:1px solid #ffffff21}.leads-secondary-button:hover{background:#ffffff17}.leads-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.leads-stat-card{text-align:left;min-width:0;color:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:13px;grid-template-columns:35px 1fr;align-items:center;gap:4px 10px;padding:17px;transition:border-color .18s,background .18s,transform .18s;display:grid}.leads-stat-card:hover{border-color:#beb8eb66;transform:translateY(-2px)}.leads-stat-card.selected{background:linear-gradient(135deg,#8b31583b,#beb8eb12);border-color:#a35c82;box-shadow:inset 0 0 0 1px #a35c821f}.leads-stat-icon{color:#d9b0ca;background:#8b315833;border-radius:10px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.leads-stat-label{color:#bcb4c4;font-size:12px;line-height:1.35}.leads-stat-card strong{font-size:24px;line-height:1.15}.leads-message{border:1px solid #ffffff1a;border-radius:9px;padding:12px 14px;font-size:13px}.leads-message.success{color:#b7f3d0;background:#22c55e17;border-color:#22c55e38}.leads-message.error{color:#ffb6c1;overflow-wrap:anywhere;background:#ef444417;border-color:#ef444440}.leads-form-panel,.leads-table-panel{background:#121018ad;border:1px solid #ffffff17;border-radius:14px;min-width:0;overflow:hidden}.leads-form-panel{padding:21px}.leads-form-heading,.leads-table-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.leads-form-heading{margin-bottom:20px}.leads-form-heading h3,.leads-table-heading h3{color:#fbf8fc;margin:0;font-size:16px;font-weight:700}.leads-form-heading p,.leads-table-heading p{color:#aaa1b2;margin:5px 0 0;font-size:12px}.leads-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.leads-field{gap:7px;min-width:0;display:grid}.leads-field>span{color:#d7cedd;font-size:12px;font-weight:600}.leads-field input,.leads-field select,.leads-field textarea{box-sizing:border-box;color:#f7f2f8;width:100%;min-height:41px;font:inherit;background:#211b28;border:1px solid #ffffff1f;border-radius:8px;outline:0;padding:10px 11px;font-size:13px}.leads-field input:focus,.leads-field select:focus,.leads-field textarea:focus{border-color:#a35c82;box-shadow:0 0 0 3px #a35c8221}.leads-field select option{color:#fff;background:#211b28}.leads-field textarea{resize:vertical}.leads-notes-field{grid-column:1/-1}.leads-form-actions{justify-content:flex-end;margin-top:20px}.leads-table-heading{border-bottom:1px solid #ffffff14;padding:19px 20px}.leads-filter-label{color:#d9c1d0;background:#8b31581f;border:1px solid #a35c8240;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:inline-flex}.leads-table-scroll{width:100%;overflow-x:auto}.leads-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.leads-table th{color:#aaa1b2;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#ffffff06;padding:12px 15px;font-size:10px;font-weight:700}.leads-table td{color:#e8e1ec;vertical-align:middle;border-top:1px solid #ffffff0e;padding:14px 15px}.leads-table tbody tr:hover{background:#ffffff06}.leads-client-name{color:#faf7fb;font-size:13px;display:block}.leads-subtext{color:#968d9f;margin-top:5px;font-size:11px;display:block}.leads-contact-line{white-space:nowrap;align-items:center;gap:5px;margin:4px 0;display:flex}.leads-contact-line svg{color:#bda5ba;flex-shrink:0}.leads-budget{white-space:nowrap;align-items:center;display:inline-flex}.leads-status{border:1px solid #0000;border-radius:6px;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-new{color:#c5c3ff;background:#6366f121;border-color:#818cf833}.status-contacted{color:#f6d69b;background:#f59e0b1a;border-color:#f59e0b33}.status-won{color:#a7efc0;background:#22c55e1a;border-color:#22c55e33}.status-failed{color:#ffb3c0;background:#ef44441a;border-color:#ef444433}.leads-row-actions{align-items:center;gap:6px;display:flex}.leads-row-actions button{color:#c9c0d0;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.leads-row-actions button:hover{color:#fff;background:#8b315833;border-color:#a35c82}.leads-row-actions button:last-child:hover{color:#ffb3c0;border-color:#ef444466}.leads-empty{color:#a99fb0;text-align:center;flex-direction:column;align-items:center;gap:9px;padding:45px 20px;display:flex}.leads-empty h3{color:#f2edf5;margin:3px 0 0;font-size:15px}.leads-empty p{color:#a99fb0;margin:0 0 8px;font-size:12px}@media (width<=1100px){.leads-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leads-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.leads-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.leads-stat-card{padding:12px}.leads-stat-card strong{font-size:21px}.leads-toolbar,.leads-search,.leads-toolbar-actions{width:100%}.leads-toolbar-actions button{flex:1;padding:0 9px}.leads-form-panel{padding:15px}.leads-form-grid{grid-template-columns:1fr}.leads-notes-field{grid-column:auto}.leads-table-heading{padding:15px}.leads-table th,.leads-table td{padding:12px}}.billing-page{--billing-bg:#0b0b0e;--billing-panel:#121216;--billing-panel-hover:#17171c;--billing-border:#292930;--billing-muted:#92929e;--billing-red:#ed2939;--billing-red-soft:#ed29391f;--billing-green:#56d69a;--billing-amber:#ffc66d;min-width:0;color:var(--sh-white,#f7f7f9);gap:24px;font-family:inherit;display:grid}.billing-page *,.billing-page :before,.billing-page :after{box-sizing:border-box}.billing-heading{justify-content:space-between;align-items:center;gap:20px;padding:4px 0 8px;display:flex}.billing-heading>div:first-child{min-width:0}.billing-eyebrow{color:var(--billing-red);letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.billing-heading h2{letter-spacing:-1.1px;margin:9px 0 7px;font-size:clamp(26px,3vw,34px);font-weight:750;line-height:1.2}.billing-heading p,.billing-list-heading p,.billing-report p,.billing-modal-heading p{color:var(--billing-muted);margin:0;font-size:12px;line-height:1.7}.billing-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.billing-button{cursor:pointer;min-height:42px;font:inherit;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:inline-flex}.billing-button:active:not(:disabled){transform:translateY(1px)}.billing-button.primary{border-color:var(--billing-red);background:var(--billing-red);color:#fff;box-shadow:0 4px 14px #ed293924}.billing-button.primary:hover:not(:disabled){background:#ff3949;border-color:#ff3949;box-shadow:0 5px 18px #ed29393d}.billing-button.secondary{border-color:var(--billing-border);color:#e7e7ec;background:#17171c}.billing-button.secondary:hover:not(:disabled){background:#1d1d23;border-color:#454550}.billing-button:focus-visible,.billing-row-actions button:focus-visible,.billing-modal-heading>button:focus-visible{outline:2px solid var(--billing-red);outline-offset:3px}.billing-button:disabled{opacity:.55;cursor:not-allowed}.billing-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.billing-stats article,.billing-report,.billing-list-panel{border:1px solid var(--billing-border);background:var(--billing-panel);border-radius:14px;min-width:0;box-shadow:0 5px 20px #00000014}.billing-stats article{align-content:start;gap:11px;min-height:160px;padding:21px;transition:background .18s,border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.billing-stats article:after{background:var(--billing-red-soft);content:"";pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-55px;right:-35px}.billing-stats article:hover{background:var(--billing-panel-hover);border-color:#3b3035;transform:translateY(-2px)}.billing-stats article>span{background:var(--billing-red-soft);color:#ff6672;border:1px solid #ed293926;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.billing-stats small{color:var(--billing-muted);font-size:12px;font-weight:500}.billing-stats strong{letter-spacing:-.8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(23px,2.3vw,30px);font-weight:750;line-height:1.25}.billing-stats p{color:var(--billing-muted);margin:0;font-size:11px;line-height:1.6}.billing-report{justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.billing-report h3,.billing-list-heading h3{letter-spacing:-.2px;margin:0 0 6px;font-size:15px;font-weight:700}.billing-report-numbers{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.billing-report-numbers span{color:var(--billing-muted);gap:7px;font-size:11px;display:grid}.billing-report-numbers strong{color:#f5f5f7;font-variant-numeric:tabular-nums;font-size:17px;font-weight:750}.billing-list-panel{overflow:hidden}.billing-list-heading{justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.billing-list-heading>div:first-child{min-width:0}.billing-search{border:1px solid var(--billing-border);width:min(100%,280px);min-width:190px;min-height:40px;color:var(--billing-muted);background:#0d0d11;border-radius:9px;align-items:center;gap:9px;padding:0 12px;transition:border-color .16s;display:flex}.billing-search:focus-within{border-color:#6b343b}.billing-search input{color:#f5f5f7;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:9px 0;font-size:12px}.billing-search input::placeholder{color:#777783}.billing-table-wrap{scrollbar-width:thin;scrollbar-color:#3a3a43 transparent;width:100%;overflow-x:auto}.billing-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:12px}.billing-table th,.billing-table td{text-align:left;vertical-align:middle;border-top:1px solid #25252c;padding:15px 18px}.billing-table th{color:#9696a2;letter-spacing:.8px;text-transform:uppercase;background:#151519;font-size:10px;font-weight:750}.billing-table tbody tr{transition:background .15s}.billing-table tbody tr:hover{background:#19191e}.billing-table td{color:#dcdce2}.billing-table td strong,.billing-table td small{display:block}.billing-table td strong{color:#f4f4f7;font-weight:650}.billing-table td small{max-width:240px;color:var(--billing-muted);text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}.billing-status{color:#dedee5;text-transform:capitalize;background:#24242a;border:1px solid #34343c;border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.billing-status.paid{color:var(--billing-green);background:#56d69a1a;border-color:#56d69a33}.billing-status.partial{color:var(--billing-amber);background:#ffc66d1a;border-color:#ffc66d33}.billing-status.unpaid{background:var(--billing-red-soft);color:#ff7a84;border-color:#ed293933}.billing-status.cancelled{color:#a0a0aa;background:#202025;border-color:#35353c;text-decoration:line-through}.billing-row-actions{align-items:center;gap:7px;display:flex}.billing-row-actions button,.billing-modal-heading>button{color:#d8d8df;cursor:pointer;background:#1a1a20;border:1px solid #32323a;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;transition:color .16s,border-color .16s,background .16s;display:grid}.billing-row-actions button:hover,.billing-modal-heading>button:hover{border-color:var(--billing-red);background:var(--billing-red-soft);color:#ff7a84}.billing-empty{color:var(--billing-muted);text-align:center;justify-items:center;gap:12px;padding:58px 20px;display:grid}.billing-empty>svg{color:#747480}.billing-empty h3{color:#f3f3f6;margin:0;font-size:15px;font-weight:700}.billing-empty p{margin:0;font-size:12px;line-height:1.7}.billing-alert{overflow-wrap:anywhere;border-radius:9px;padding:13px 15px;font-size:12px;line-height:1.7}.billing-alert.error{color:#ff9ca4;background:#ed293914;border:1px solid #ed293959}.billing-alert.success{color:#9be4bc;background:#56d69a14;border:1px solid #56d69a4d}.billing-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.billing-modal{background:#121216;border:1px solid #35353e;border-radius:16px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 24px 90px #0000008c}.billing-modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.billing-modal-heading h3{color:#f7f7fa;letter-spacing:-.5px;margin:0 0 7px;font-size:21px;font-weight:750}.billing-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.billing-form-grid label{color:#dcdce3;gap:8px;min-width:0;font-size:12px;font-weight:600;display:grid}.billing-form-grid input,.billing-form-grid select{color:#f5f5f8;width:100%;min-width:0;min-height:43px;font:inherit;background:#0c0c10;border:1px solid #363640;border-radius:9px;outline:none;padding:10px 12px;font-size:12px;transition:border-color .16s}.billing-form-grid input::placeholder{color:#777783}.billing-form-grid input:focus,.billing-form-grid select:focus{border-color:var(--billing-red)}.billing-form-grid input:disabled,.billing-form-grid select:disabled{opacity:.6;cursor:not-allowed}.billing-full{grid-column:1/-1}.billing-calculation{background:#0c0c10;border:1px solid #292930;border-radius:11px;gap:12px;margin-top:24px;padding:18px;display:grid}.billing-calculation span{color:var(--billing-muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.billing-calculation strong{color:#f4f4f7;font-variant-numeric:tabular-nums;font-weight:700}.billing-calculation .grand-total{color:#f7f7f9;border-top:1px solid #303039;padding-top:14px;font-size:14px;font-weight:750}.billing-calculation .grand-total strong{color:#ff6974;font-size:20px}.billing-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}@media (width>=1200px){.billing-stats article{padding:23px}.billing-table th,.billing-table td{padding-left:20px;padding-right:20px}}@media (width<=850px){.billing-page{gap:18px}.billing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-heading,.billing-report,.billing-list-heading{flex-direction:column;align-items:stretch}.billing-heading-actions{justify-content:flex-start}.billing-report-numbers{justify-content:flex-start;gap:24px}.billing-search{width:100%;min-width:0}}@media (width<=520px){.billing-heading h2{font-size:26px}.billing-heading-actions{grid-template-columns:1fr 1fr;display:grid}.billing-heading-actions .billing-button{width:100%;padding-left:10px;padding-right:10px}.billing-stats{grid-template-columns:1fr;gap:12px}.billing-stats article{min-height:140px;padding:18px}.billing-report,.billing-list-heading{padding:18px}.billing-report-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.billing-form-grid{grid-template-columns:1fr}.billing-full{grid-column:auto}.billing-modal-backdrop{align-items:start;padding:12px}.billing-modal{border-radius:13px;max-height:calc(100vh - 24px);padding:18px}.billing-modal-heading h3{font-size:19px}.billing-table th,.billing-table td{padding:13px 14px}.billing-empty{padding:42px 18px}}@media (prefers-reduced-motion:reduce){.billing-page *,.billing-page :before,.billing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.finance-page{--fin-bg:#09090c;--fin-panel:#181317;--fin-panel-hover:#21181d;--fin-border:#ffffff17;--fin-red:#e1262f;--fin-red-dark:#950606;--fin-text:#e8e5e9;--fin-muted:#a5a1aa;--fin-green:#78d9a0;min-width:0;color:var(--fin-text);gap:22px;display:grid}.finance-page *,.finance-page :before,.finance-page :after{box-sizing:border-box}.finance-heading,.finance-table-heading,.finance-panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.finance-heading{flex-wrap:wrap;padding:4px 0 2px}.finance-eyebrow{color:#ff737a;letter-spacing:1.8px;font-size:10px;font-weight:800}.finance-heading h2{color:#fff;letter-spacing:-.8px;margin:8px 0 6px;font-size:clamp(25px,3vw,34px)}.finance-heading p,.finance-table-heading p,.finance-panel-heading p{color:var(--fin-muted);margin:0;font-size:12px;line-height:1.6}.finance-actions,.finance-table-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.finance-btn{min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.finance-btn.primary{color:#fff;background:var(--fin-red);border-color:var(--fin-red)}.finance-btn.primary:hover{background:#f23a43}.finance-btn.secondary{color:var(--fin-text);background:#151419;border-color:#343039}.finance-btn.secondary:hover{background:#21181d;border-color:#6a343a}.finance-btn:disabled{opacity:.6;cursor:not-allowed}.finance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.finance-stat,.finance-panel,.finance-table-panel{border:1px solid var(--fin-border);background:linear-gradient(145deg,#19151a,#111115);border-radius:14px;min-width:0;box-shadow:0 8px 25px #0000001f}.finance-stat{align-content:start;gap:10px;padding:19px;display:grid}.finance-stat.highlight{background:linear-gradient(145deg,#29151b,#151115);border-color:#e1262f61}.finance-stat-icon{color:#ff737a;background:#e1262f1f;border:1px solid #e1262f2b;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.finance-stat small{color:var(--fin-muted);font-size:12px}.finance-stat strong{color:#fff;letter-spacing:-.6px;overflow-wrap:anywhere;font-size:clamp(20px,2vw,27px)}.finance-stat p{color:#8f8992;margin:0;font-size:11px;line-height:1.5}.finance-secondary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.finance-secondary-stats>div{border:1px solid var(--fin-border);background:#111115;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.finance-secondary-stats span{color:var(--fin-muted);font-size:12px}.finance-secondary-stats strong{color:#fff;text-align:right;font-size:14px}.finance-tabs{border-bottom:1px solid var(--fin-border);flex-wrap:wrap;gap:7px;padding-bottom:10px;display:flex}.finance-tabs button{color:var(--fin-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.finance-tabs button:hover{color:#fff;background:#171419}.finance-tabs button.active{color:#fff;background:#e1262f21;border-color:#e1262f47}.finance-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.finance-panel{padding:21px}.finance-panel-heading{margin-bottom:16px}.finance-panel-heading h3,.finance-table-heading h3,.finance-form-heading h3{color:#fff;margin:0 0 5px;font-size:16px;font-weight:750}.finance-panel-heading>svg{color:#ff737a;flex:none}.finance-breakdown{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;font-size:12px;display:flex}.finance-breakdown span{color:var(--fin-muted)}.finance-breakdown strong{color:#fff;text-align:right;overflow-wrap:anywhere}.finance-breakdown strong.positive{color:var(--fin-green)}.finance-breakdown strong.negative{color:#ff737a}.finance-table-panel{overflow:hidden}.finance-table-heading{flex-wrap:wrap;padding:20px}.finance-search{min-height:40px;color:var(--fin-muted);background:#0d0d11;border:1px solid #343039;border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.finance-search input{color:#fff;width:170px;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.finance-form{background:#100e12;border:1px solid #e1262f38;border-radius:12px;margin:0 20px 20px;padding:18px}.finance-form-heading,.finance-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.finance-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.finance-form-grid label{align-content:start;gap:7px;min-width:0;display:grid}.finance-form-grid label.wide{grid-column:1/-1}.finance-form-grid label>span{color:#c6c0c9;font-size:11px;font-weight:650}.finance-form-grid input,.finance-form-grid select,.finance-form-grid textarea{color:#f4f1f5;width:100%;min-width:0;min-height:41px;font:inherit;background:#09090c;border:1px solid #39323d;border-radius:8px;outline:none;padding:10px 11px;font-size:12px}.finance-form-grid textarea{resize:vertical}.finance-form-grid input:focus,.finance-form-grid select:focus,.finance-form-grid textarea:focus{border-color:var(--fin-red);box-shadow:0 0 0 2px #e1262f1f}.finance-icon-btn,.finance-delete{width:34px;height:34px;color:var(--fin-muted);cursor:pointer;background:#151419;border:1px solid #343039;border-radius:8px;place-items:center;display:inline-grid}.finance-icon-btn:hover,.finance-delete:hover{color:#ff737a;border-color:var(--fin-red)}.finance-table-wrap{width:100%;overflow-x:auto}.finance-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.finance-table th{color:#aaa3ad;letter-spacing:.5px;text-transform:uppercase;background:#100e12;padding:12px 16px;font-size:10px;font-weight:800}.finance-table td{color:#e8e5e9;border-top:1px solid #ffffff0e;padding:14px 16px;font-size:12px}.finance-table tbody tr:hover{background:#ffffff05}.finance-status{color:#d2cbd5;background:#252128;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.finance-status.received,.finance-status.paid{color:#7ddda0;background:#4abe781a}.finance-status.pending,.finance-status.partial{color:#ffc66d;background:#ffbe5a1a}.finance-status.overdue{color:#ff777d;background:#e1262f21}.finance-empty{color:var(--fin-muted);justify-items:center;gap:9px;padding:45px 20px;font-size:12px;display:grid}.finance-empty svg{color:#ff737a}.finance-empty strong{color:#e8e5e9;font-size:14px}.finance-alert{overflow-wrap:anywhere;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.6}.finance-alert.error{color:#ff9da2;background:#e1262f1a;border:1px solid #e1262f47}.finance-alert.success{color:#8ce0a9;background:#4abe7814;border:1px solid #4abe7833}.finance-disclaimer{color:#827b86;margin:0;font-size:11px;line-height:1.6}@media (width<=1100px){.finance-stats,.finance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.finance-stats,.finance-secondary-stats,.finance-overview-grid{grid-template-columns:1fr}.finance-heading,.finance-table-heading{align-items:flex-start}.finance-actions,.finance-table-actions{width:100%}.finance-table-actions>*,.finance-search{flex:1}.finance-search input{width:100%}.finance-form-grid{grid-template-columns:1fr}.finance-form-grid label.wide{grid-column:auto}}@media print{body *{visibility:hidden!important}.finance-page,.finance-page *{visibility:visible!important}.finance-page{color:#111!important;width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:8mm!important;position:absolute!important;top:0!important;left:0!important}.finance-actions,.finance-tabs,.finance-table-actions,.finance-form,.finance-delete,.finance-disclaimer{display:none!important}.finance-overview-grid,.finance-panel,.finance-stat,.finance-secondary-stats,.finance-table-panel{break-inside:avoid;box-shadow:none!important}.finance-table-wrap{overflow:visible!important}.finance-table{border-collapse:collapse!important;width:100%!important}.finance-table th,.finance-table td{overflow-wrap:anywhere;color:#111!important;background:#fff!important;border:1px solid #bbb!important}@page{size:A4;margin:10mm}}