:root{--primary:#3157F6;--accent:#5AA7FF;--radius:22px}.brand{display:flex;align-items:center;gap:11px;padding:4px 7px 18px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 26%,transparent)}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:var(--muted);margin-top:2px}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:28px;padding:18px 13px;display:flex;flex-direction:column}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-label{font-size:9px;letter-spacing:.15em;color:var(--muted);padding:15px 12px 5px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;text-decoration:none;color:var(--text-soft);font-size:13px;font-weight:730}.nav-item:hover{background:var(--surface-soft)}.nav-item.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:13px 7px 2px;display:flex;align-items:center;gap:9px}.mini-avatar{width:36px;height:36px;border-radius:13px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));display:grid;place-items:center;color:var(--primary);font-size:11px;font-weight:900}.account-meta{min-width:0;flex:1}.account-meta strong,.account-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-meta strong{font-size:11px}.account-meta small{font-size:9px;color:var(--muted);margin-top:2px}.icon-plain{border:0;background:none;color:var(--muted);cursor:pointer;padding:5px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 19px}.topbar-left{display:flex;align-items:center;gap:10px}.topbar h1{font-size:25px;line-height:1;margin:5px 0 0;letter-spacing:-.035em}.top-actions{display:flex;gap:8px}.icon-btn,.theme-toggle{width:42px;height:42px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-soft);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(27,43,77,.05)}.notification-dot{position:relative}.notification-dot:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#ff6172;right:8px;top:7px;box-shadow:0 0 0 2px var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none;border:0;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:white;box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 22%,transparent)}.btn.ghost{background:var(--surface-soft);color:var(--text-soft);border:1px solid var(--line)}.btn.danger{background:rgba(220,64,80,.11);color:#c04452}.btn.full{width:100%}.btn.lg{padding:13px 18px;border-radius:15px}.hero-card,.section-card,.wallet-hero,.task-card-rich,.service-card-rich,.metric-card,.module-card,.admin-task-card{border-radius:var(--radius)}.hero-card{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-card h2{font-size:26px;line-height:1.16;max-width:620px;margin:6px 0 9px;letter-spacing:-.035em}.hero-card p{max-width:630px;color:var(--muted);font-size:12px;line-height:1.6;margin:0}.hero-actions{display:flex;gap:9px;margin-top:17px}.balance-block{min-width:220px;text-align:right;padding:19px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--accent) 7%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 10%,var(--line))}.balance-block small,.balance-block span{display:block;color:var(--muted);font-size:10px}.balance-block strong{display:block;font-size:30px;letter-spacing:-.045em;margin:5px 0 3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.metric-card{padding:16px;display:flex;gap:12px;align-items:center}.metric-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.metric-card small,.metric-card span{display:block;color:var(--muted);font-size:9px}.metric-card strong{display:block;font-size:20px;letter-spacing:-.03em;margin:2px 0}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:12px;margin-top:12px}.section-card{padding:19px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.section-head h3{font-size:15px;margin:4px 0 2px}.section-head p{font-size:10px;color:var(--muted);margin:0}.text-link{display:flex;gap:5px;align-items:center;text-decoration:none;color:var(--primary);font-size:10px;font-weight:800}.task-list,.stack-list{display:flex;flex-direction:column;gap:8px}.task-row,.activity-row,.transaction-row{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--line)}.row-main{min-width:0;flex:1}.row-main strong,.row-main small,.activity-row strong,.activity-row small,.transaction-row strong,.transaction-row small{display:block}.row-main strong,.activity-row strong,.transaction-row strong{font-size:11px}.row-main small,.activity-row small,.transaction-row small{font-size:9px;color:var(--muted);margin-top:2px}.task-row>b{font-size:11px;color:var(--primary)}.circle-link{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--primary)}.service-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--accent) 12%,var(--surface)));color:var(--primary);font-size:10px;font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-grid a{padding:14px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--line);text-decoration:none;color:var(--text-soft)}.quick-grid svg{color:var(--primary);margin-bottom:8px}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:10px}.quick-grid small{font-size:9px;color:var(--muted);margin-top:2px}.page-intro{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:13px;padding:0 2px}.page-intro h2{font-size:21px;margin:5px 0 4px;letter-spacing:-.03em}.page-intro p{font-size:11px;color:var(--muted);margin:0}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills button{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800}.filter-pills button.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.task-cards,.service-cards,.task-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-card-rich,.service-card-rich,.admin-task-card{padding:17px}.task-card-head,.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.platform-pill,.category-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:9px;font-weight:850}.task-card-rich h3,.service-card-rich h3,.admin-task-card h3{font-size:13px;margin:13px 0 6px}.task-card-rich p,.service-card-rich p,.admin-task-card p{font-size:10px;color:var(--muted);line-height:1.55;min-height:46px;margin:0}.task-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.task-meta-grid span{padding:8px;border-radius:11px;background:var(--surface-soft)}.task-meta-grid small,.task-meta-grid b{display:block}.task-meta-grid small{font-size:8px;color:var(--muted)}.task-meta-grid b{font-size:9px;margin-top:2px}.service-price{margin:16px 0 9px}.service-price small,.service-price span{font-size:9px;color:var(--muted)}.service-price strong{font-size:22px;margin:0 4px}.service-limits{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:12px}.activity-grid,.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850;text-transform:capitalize}.status.success{background:rgba(21,167,114,.11);color:#16835f}.status.warning{background:rgba(234,162,39,.13);color:#9c690f}.status.danger{background:rgba(219,75,91,.11);color:#b74452}.status.info{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.status.muted{background:var(--surface-soft);color:var(--muted)}.wallet-hero{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--glass)),var(--glass))}.wallet-hero small,.wallet-hero p{display:block;color:var(--muted);font-size:10px;margin:0}.wallet-hero strong{display:block;font-size:34px;letter-spacing:-.045em;margin:4px 0}.wallet-actions{display:flex;gap:8px}.transaction-row>div{flex:1}.transaction-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:900}.transaction-icon.credit{background:rgba(23,169,115,.11);color:#16835f}.transaction-icon.debit{background:rgba(224,86,99,.11);color:#b74452}.transaction-row>b{font-size:10px}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:680px}.responsive-table th{font-size:8px;letter-spacing:.08em;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--line)}.responsive-table td{font-size:10px;padding:12px 10px;border-bottom:1px solid var(--line)}.responsive-table td strong,.responsive-table td small{display:block}.responsive-table td small{color:var(--muted);font-size:8px;margin-top:2px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.module-card{padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start}.module-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.module-card h3{font-size:11px;margin:1px 0 4px}.module-card p{font-size:9px;color:var(--muted);line-height:1.45;margin:0}.module-path{display:block;font-size:7px;color:var(--muted);margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label,.form-stack label{font-size:10px;font-weight:750;color:var(--text-soft)}.form-grid .full{grid-column:1/-1}.input{display:block;width:100%;margin-top:5px;padding:10px 11px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);outline:none}.textarea{min-height:78px;resize:vertical}.color-input{padding:5px;height:42px}.settings-form>.btn{margin-top:12px}.demo-actions{display:flex;gap:8px}.demo-note{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:12px;border-radius:14px;background:var(--surface-soft);font-size:10px}.demo-note span{color:var(--muted)}.empty-panel{grid-column:1/-1;text-align:center;padding:45px 20px;border-radius:22px}.empty-panel svg{margin:auto;color:var(--primary)}.empty-panel h3{font-size:14px;margin:10px 0 5px}.empty-panel p{font-size:10px;color:var(--muted)}.mobile-nav{display:none}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.task-cards,.service-cards,.task-admin-grid,.module-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:900px){.topbar h1{font-size:21px}.mobile-nav{display:flex;position:fixed;z-index:45;left:12px;right:12px;bottom:10px;height:66px;padding:6px;border-radius:20px;align-items:center;justify-content:space-around}.mobile-nav a{width:19%;text-decoration:none;color:var(--muted);display:flex;flex-direction:column;gap:3px;align-items:center;padding:7px 3px;border-radius:13px}.mobile-nav a small{font-size:7.5px;font-weight:800}.mobile-nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}.hero-card{align-items:flex-start}.activity-grid,.settings-layout{grid-template-columns:1fr}}@media(max-width:620px){.hero-card{padding:18px;flex-direction:column}.hero-card h2{font-size:21px}.balance-block{width:100%;text-align:left}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:12px;gap:8px}.metric-icon{width:34px;height:34px}.metric-card strong{font-size:16px}.metric-card span{font-size:7.5px}.task-cards,.service-cards,.task-admin-grid,.module-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;flex-direction:column}.filter-pills{width:100%;overflow:auto;flex-wrap:nowrap}.wallet-hero{align-items:flex-start;flex-direction:column}.wallet-actions{width:100%}.wallet-actions>*{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.demo-actions{flex-direction:column}.quick-grid{grid-template-columns:repeat(2,1fr)}}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px}.detail-copy{font-size:11px;line-height:1.7;color:var(--text-soft);white-space:normal}.detail-side{display:flex;flex-direction:column;gap:8px}.detail-side>div{padding:12px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}.detail-side small,.detail-side strong{display:block}.detail-side small{font-size:8px;color:var(--muted)}.detail-side strong{font-size:12px;margin-top:3px}.order-form-card{max-width:820px}.admin-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.admin-service-grid{grid-template-columns:1fr}}