:root{--void: #07080a;--asphalt: #0e1114;--panel: #121518;--surface: #1a1e23;--elevated: #23282e;--hover: #2a3037;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .12);--ivory: #f4f5f7;--text: #d9dde2;--muted: #8c949e;--steel: #6b7a8c;--red: #e30a17;--red-deep: #a8060f;--red-soft: rgba(227, 10, 23, .14);--green: #30d158;--green-soft: rgba(48, 209, 88, .13);--orange: #ff9f0a;--orange-soft: rgba(255, 159, 10, .13);--blue: #5a9eff;--blue-soft: rgba(90, 158, 255, .13);--gold: #e8c268;--gold-soft: rgba(232, 194, 104, .14);--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 14px;--radius-sm: 10px;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);--sidebar: 260px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}::selection{background:var(--red);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#262b31;border-radius:10px;border:2px solid var(--void)}::-webkit-scrollbar-track{background:transparent}.brand{display:flex;align-items:center;gap:11px}.brand img{width:28px;height:auto}.brand-word{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;line-height:1;color:var(--ivory)}.brand-word span{color:var(--red)}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0e11,#090a0c);border-right:1px solid var(--line);padding:22px 14px 16px}.sidebar .brand{padding:4px 10px 6px}.sidebar-tag{margin:4px 10px 26px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0;margin:0 -14px;padding:0 14px}.nav-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4d5661;margin:18px 12px 8px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:500;border:0;background:none;width:100%;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0a;color:var(--ivory)}.nav-item.active{background:linear-gradient(90deg,var(--red-soft),rgba(227,10,23,.02));color:var(--ivory)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--red);box-shadow:0 0 14px var(--red)}.nav-item.active svg{color:var(--red)}.nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 7px;border-radius:10px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:11px;font-weight:700}.nav-count.muted{background:var(--elevated);color:var(--muted)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.me{display:flex;align-items:center;gap:11px;padding:8px;border-radius:12px}.me-info{min-width:0;flex:1}.me-name{color:var(--ivory);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-role{font-size:12px;color:var(--muted)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:18px 36px;background:#07080ad1;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}.page-title{font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:.02em;text-transform:uppercase;color:var(--ivory);line-height:1;margin:0}.page-sub{color:var(--muted);font-size:13px;margin-top:4px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.content{padding:28px 36px 60px;max-width:1480px;width:100%}.icon-btn.menu-toggle,.scrim{display:none}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:60;left:0;width:var(--sidebar);transform:translate(-100%);transition:transform .25s ease}.shell.nav-open .sidebar{transform:none;box-shadow:var(--shadow)}.shell.nav-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0000008c}.icon-btn.menu-toggle{display:inline-grid}.topbar{padding:14px 18px}.content{padding:20px 18px 50px}.page-title{font-size:24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ivory);font-weight:600;font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s,opacity .15s}.btn:hover{background:var(--elevated);border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;pointer-events:none}.btn svg{width:16px;height:16px}.btn-primary{background:linear-gradient(180deg,#f0111f,var(--red));border-color:#ffffff14;box-shadow:0 8px 24px -10px #e30a17cc}.btn-primary:hover{background:linear-gradient(180deg,#ff2330,#ec0b19);border-color:#ffffff1f}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:#ffffff0d;color:var(--ivory);border-color:transparent}.btn-danger{color:#ff5a63;border-color:#e30a1759;background:#e30a1712}.btn-danger:hover{background:#e30a1729;border-color:#e30a178c}.btn-success{color:var(--green);border-color:#30d1584d;background:var(--green-soft)}.btn-success:hover{background:#30d15833;border-color:#30d15880}.btn-sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:9px}.btn-lg{height:46px;padding:0 22px;font-size:14px;border-radius:12px}.btn-block{width:100%}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);transition:background .15s,color .15s}.icon-btn:hover{background:#ffffff0f;color:var(--ivory)}.icon-btn svg{width:18px;height:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card-head{display:flex;align-items:center;gap:12px;padding:18px 20px 0}.card-title{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.03em;text-transform:uppercase;color:var(--ivory);margin:0}.card-sub{color:var(--muted);font-size:12.5px}.card-body{padding:18px 20px 20px}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--elevated);color:var(--muted)}.pill svg{width:12px;height:12px}.pill.red{background:var(--red-soft);color:#ff5a63}.pill.green{background:var(--green-soft);color:var(--green)}.pill.orange{background:var(--orange-soft);color:var(--orange)}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.gold{background:var(--gold-soft);color:var(--gold)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}.avatar{flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#2c3239,#1a1e23);color:var(--ivory);font-weight:700;font-family:var(--display);border:1px solid var(--line-strong)}.avatar img{width:100%;height:100%;object-fit:cover}.input,.select,.textarea{width:100%;height:40px;padding:0 13px;border-radius:10px;border:1px solid var(--line-strong);background:var(--void);color:var(--ivory);outline:none;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:92px;padding:11px 13px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:#e30a17b3;box-shadow:0 0 0 4px #e30a171f}.input::placeholder,.textarea::placeholder{color:#57606b}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%238c949e' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em}.field .hint{font-size:12px;color:var(--steel)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 700px){.grid-2,.grid-3{grid-template-columns:1fr}}.search{position:relative}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--steel);pointer-events:none}.search .input{padding-left:38px;min-width:340px}@media (max-width: 700px){.search .input{min-width:0}}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--void);border:1px solid var(--line);border-radius:11px;overflow-x:auto;max-width:100%}.segmented button{height:32px;padding:0 14px;border-radius:8px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:12.5px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s}.segmented button:hover{color:var(--ivory)}.segmented button.on{background:var(--elevated);color:var(--ivory);box-shadow:0 1px #ffffff0f inset}.segmented .count{font-size:11px;color:var(--steel)}.segmented button.on .count{color:var(--red)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.toolbar .spacer{flex:1}.toggle{position:relative;width:42px;height:24px;flex:none;border-radius:12px;border:0;background:#2d333a;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 5px #0006}.toggle.on{background:var(--red)}.toggle.on:after{transform:translate(18px)}.toggle:disabled{opacity:.4;cursor:not-allowed}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:#ffffff06}.cell-user{display:flex;align-items:center;gap:12px;min-width:220px}.cell-name{color:var(--ivory);font-weight:600;display:flex;align-items:center;gap:6px}.cell-sub{color:var(--muted);font-size:12.5px}.nowrap{white-space:nowrap}.muted{color:var(--muted)}.steel{color:var(--steel)}.ivory{color:var(--ivory)}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}@media (max-width: 1200px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.stats{grid-template-columns:1fr}}.stat{position:relative;overflow:hidden;padding:18px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--elevated);color:var(--ivory)}.stat-icon svg{width:17px;height:17px}.stat-icon.red{background:var(--red-soft);color:#ff4b55}.stat-value{font-family:var(--display);font-weight:800;font-size:44px;line-height:1;color:var(--ivory);margin-top:14px;letter-spacing:.01em}.stat-foot{margin-top:8px;font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center}.stat-foot b{color:var(--green);font-weight:600}.stat.alert{border-color:#e30a1759;background:radial-gradient(120% 120% at 100% 0%,rgba(227,10,23,.16),transparent 55%),var(--panel)}.stat.alert .stat-value{color:#fff}.stat.clickable{cursor:pointer;transition:border-color .15s,transform .15s}.stat.clickable:hover{border-color:var(--line-strong);transform:translateY(-1px)}.overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 1100px){.overview-grid{grid-template-columns:1fr}}.chart{width:100%;height:220px}.chart-legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-tip{font-family:var(--display);font-weight:700;font-size:13px}.mini-list{display:flex;flex-direction:column}.mini-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.mini-row:last-child{border-bottom:0}.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:12px;overflow:hidden}.kv>div{background:var(--panel);padding:14px 16px}.kv b{display:block;font-family:var(--display);font-weight:800;font-size:26px;color:var(--ivory);line-height:1.1}.kv span{font-size:12px;color:var(--muted)}.report-list{display:flex;flex-direction:column;gap:12px}.report{display:grid;grid-template-columns:1fr auto;gap:18px;padding:18px 20px}.report.open{border-left:3px solid var(--red)}.report-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.report-reason{font-weight:700;color:var(--ivory);font-size:15px}.quote{display:flex;gap:14px;padding:13px 15px;border-radius:12px;background:var(--void);border:1px solid var(--line);color:var(--text);white-space:pre-wrap;word-break:break-word}.quote img{width:76px;height:76px;border-radius:9px;object-fit:cover;flex:none}.quote.removed{color:var(--steel);font-style:italic}.report-people{display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;font-size:12.5px;color:var(--muted)}.report-people .who{display:inline-flex;align-items:center;gap:7px}.report-people b{color:var(--text);font-weight:600}.report-actions{display:flex;flex-direction:column;gap:8px;min-width:190px}@media (max-width: 800px){.report{grid-template-columns:1fr}.report-actions{flex-direction:row;flex-wrap:wrap;min-width:0}}.content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.content-card{display:flex;flex-direction:column;overflow:hidden}.content-card.hidden-item{opacity:.72}.content-media{position:relative;aspect-ratio:16 / 10;background:var(--void);overflow:hidden}.content-media img{width:100%;height:100%;object-fit:cover}.content-media .pill{position:absolute;top:12px;left:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;flex:1}.content-text{color:var(--text);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.content-meta{display:flex;flex-wrap:wrap;gap:6px}.content-foot{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--line);margin-top:auto}.shop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.shop-card{overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.shop-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.shop-cover{height:120px;background:linear-gradient(135deg,#1c2127,#0d0f12);position:relative;overflow:hidden}.shop-cover img{width:100%;height:100%;object-fit:cover;opacity:.85}.shop-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(18,21,24,.95))}.shop-cover .pill{position:absolute;top:12px;right:12px;z-index:1}.shop-logo{width:64px;height:64px;border-radius:16px;margin:-38px 0 0 18px;position:relative;z-index:2;overflow:hidden;background:var(--elevated);border:3px solid var(--panel);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:24px;color:var(--ivory)}.shop-logo img{width:100%;height:100%;object-fit:cover}.shop-info{padding:12px 18px 18px}.shop-name{font-family:var(--display);font-weight:700;font-size:22px;color:var(--ivory);letter-spacing:.01em;display:flex;align-items:center;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;transition:all .15s}.chip:hover{color:var(--ivory);border-color:#fff3}.chip.on{background:var(--red-soft);color:#ff5a63;border-color:#e30a1773}.upload{position:relative;border:1px dashed var(--line-strong);border-radius:12px;background:var(--void);overflow:hidden;display:grid;place-items:center;color:var(--steel);font-size:12.5px;cursor:pointer;transition:border-color .15s}.upload:hover{border-color:#e30a1799;color:var(--muted)}.upload img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.upload input{display:none}.upload .upload-empty{display:flex;flex-direction:column;align-items:center;gap:6px}.service-row{display:grid;grid-template-columns:1fr 160px 36px;gap:8px;align-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#030405a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(640px,100vw);display:flex;flex-direction:column;background:var(--asphalt);border-left:1px solid var(--line-strong);box-shadow:var(--shadow);animation:slide .24s cubic-bezier(.2,.8,.2,1)}.drawer-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:18px}.drawer-foot{padding:14px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:var(--panel)}.modal{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow);animation:pop .2s ease}.modal-body{padding:24px 24px 8px}.modal-title{font-family:var(--display);font-weight:800;font-size:24px;text-transform:uppercase;color:var(--ivory);margin:0 0 8px;letter-spacing:.02em}.modal-text{color:var(--muted);margin:0 0 16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px}.modal-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;background:var(--red-soft);color:#ff4b55}.modal-icon svg{width:22px;height:22px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(40px);opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}}.section-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin:0 0 10px}.profile-hero{display:flex;gap:18px;align-items:center}.profile-name{font-family:var(--display);font-weight:800;font-size:30px;color:var(--ivory);line-height:1.05;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.setting-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row .grow{flex:1;min-width:0}.setting-row .t{color:var(--ivory);font-weight:600}.setting-row .d{color:var(--muted);font-size:12.5px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thumbs .thumb{aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--void);position:relative;border:1px solid var(--line);display:grid;place-items:center;padding:8px;font-size:11.5px;color:var(--muted);text-align:center}.thumbs .thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumbs .thumb.hidden-item:after{content:"Gizli";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0009;color:var(--orange);font-weight:700;font-size:12px}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;grid-template-columns:16px 1fr;gap:12px;padding-bottom:14px;position:relative}.tl-item:before{content:"";position:absolute;left:7px;top:14px;bottom:0;width:1px;background:var(--line-strong)}.tl-item:last-child:before{display:none}.tl-dot{width:9px;height:9px;margin:5px 0 0 3px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:64px 20px;color:var(--muted)}.empty-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--surface);color:var(--steel);border:1px solid var(--line)}.empty-icon svg{width:24px;height:24px}.empty h3{margin:6px 0 0;font-family:var(--display);font-weight:700;font-size:22px;color:var(--ivory);text-transform:uppercase;letter-spacing:.02em}.empty p{margin:0;max-width:360px}.skeleton{background:linear-gradient(90deg,#15181c,#1d2126,#15181c);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100vh;display:grid;place-items:center}.toasts{position:fixed;z-index:200;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px 11px 13px;border-radius:12px;background:#1f2429;border:1px solid var(--line-strong);color:var(--ivory);font-weight:500;box-shadow:var(--shadow);animation:toast .25s ease;pointer-events:auto}.toast svg{width:18px;height:18px;flex:none}.toast.ok svg{color:var(--green)}.toast.err svg{color:#ff4b55}@keyframes toast{0%{opacity:0;transform:translateY(10px)}}.error-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#e30a1714;border:1px solid rgba(227,10,23,.3);color:#ff8a90;font-size:13px}.error-box svg{width:18px;height:18px;flex:none;margin-top:1px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px;background:radial-gradient(80% 60% at 20% 110%,rgba(227,10,23,.35),transparent 60%),radial-gradient(60% 50% at 100% 0%,rgba(90,158,255,.08),transparent 60%),linear-gradient(160deg,#0f1215,#07080a 70%);border-right:1px solid var(--line)}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 30% 70%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 70%,#000 20%,transparent 75%)}.login-art>*{position:relative}.login-bg-d{position:absolute;right:-8%;bottom:-12%;width:70%;max-width:560px;opacity:.06;filter:grayscale(1) brightness(2);pointer-events:none}.login-headline{font-family:var(--display);font-weight:800;font-size:clamp(44px,5vw,72px);line-height:.95;text-transform:uppercase;color:var(--ivory);margin:0;letter-spacing:.01em}.login-headline span{color:var(--red)}.login-copy{color:var(--muted);max-width:440px;font-size:15px;margin-top:18px}.login-meta{display:flex;gap:26px;color:var(--steel);font-size:12.5px}.login-meta b{display:block;color:var(--ivory);font-family:var(--display);font-size:20px;font-weight:700}.login-form-wrap{display:grid;place-items:center;padding:40px 24px}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.login-form h2{font-family:var(--display);font-weight:800;font-size:34px;text-transform:uppercase;color:var(--ivory);margin:0;letter-spacing:.02em}.login-form .input{height:46px;border-radius:12px}.lock-note{display:flex;align-items:center;gap:8px;color:var(--steel);font-size:12.5px;justify-content:center;margin-top:6px}.lock-note svg{width:14px;height:14px}@media (max-width: 900px){.login{grid-template-columns:1fr}.login-art{display:none}}.login-mobile-brand{display:none;justify-content:center;margin-bottom:12px}@media (max-width: 900px){.login-mobile-brand{display:flex}}.nav-count.live{background:var(--green-soft);color:var(--green);gap:5px;display:inline-flex;align-items:center}.nav-count.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.live-top{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:14px;margin-bottom:14px}@media (max-width: 1100px){.live-top{grid-template-columns:1fr}}.live-hero{position:relative;overflow:hidden;padding:20px 22px 18px;display:flex;flex-direction:column;background:radial-gradient(90% 80% at 100% 0%,rgba(48,209,88,.12),transparent 60%),radial-gradient(80% 90% at 0% 100%,rgba(227,10,23,.14),transparent 60%),var(--panel);border-color:#30d15838}.live-hero-head{display:flex;align-items:center;justify-content:space-between}.live-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.live-badge i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 #30d15899;animation:ring 1.8s infinite}.live-badge.paused{color:var(--muted)}.live-badge.paused i{background:var(--steel);animation:none}@keyframes ring{0%{box-shadow:0 0 #30d1588c}70%{box-shadow:0 0 0 10px #30d15800}to{box-shadow:0 0 #30d15800}}.live-number{font-family:var(--display);font-weight:800;font-size:84px;line-height:.95;color:var(--ivory);margin-top:10px;letter-spacing:-.01em}.live-caption{color:var(--muted);font-size:13.5px;margin-top:2px}.spark{display:flex;align-items:flex-end;gap:3px;height:54px;margin-top:18px}.spark-bar{flex:1;min-width:3px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#e30a17d9,#e30a1740);transition:height .5s ease}.spark-bar.now{background:linear-gradient(180deg,var(--green),rgba(48,209,88,.35))}.live-foot{color:var(--steel);font-size:11.5px;margin-top:10px}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 700px){.today-grid{grid-template-columns:repeat(2,1fr)}}.today-tile{padding:16px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.today-tile.accent{border-color:#30d1584d;background:radial-gradient(120% 120% at 100% 0%,rgba(48,209,88,.12),transparent 55%),var(--panel)}.today-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--elevated);color:var(--ivory);margin-bottom:8px}.today-icon svg{width:16px;height:16px}.today-value{font-family:var(--display);font-weight:800;font-size:36px;line-height:1;color:var(--ivory)}.today-value.small{font-size:30px}.today-label{font-size:12px;color:var(--muted);font-weight:500}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:30px}@media (max-width: 1100px){.live-grid{grid-template-columns:1fr}}.live-grid>.card{display:flex;flex-direction:column;min-height:0}.live-grid .card-body{max-height:520px;overflow-y:auto}.online-list{display:flex;flex-direction:column;gap:4px}.online-row{display:flex;align-items:center;gap:12px;padding:10px;margin:0 -10px;border-radius:12px;border:0;background:none;text-align:left;width:calc(100% + 20px);transition:background .15s;animation:fade .3s ease}.online-row:hover{background:#ffffff09}.online-avatar{position:relative;flex:none}.online-avatar i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid var(--panel);box-shadow:0 0 8px #30d158b3}.online-main{flex:1;min-width:0}.online-name{color:var(--ivory);font-weight:600;display:flex;gap:8px;align-items:baseline}.online-name .steel{font-size:12px;font-weight:500}.online-sub{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;min-width:0}.online-sub .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-meta{text-align:right;display:flex;flex-direction:column;gap:2px;flex:none}.online-meta b{font-family:var(--display);font-size:17px;font-weight:700;color:var(--ivory)}.online-meta span{font-size:11.5px;color:var(--steel)}.feed{display:flex;flex-direction:column}.feed-row{display:flex;align-items:center;gap:11px;padding:9px 8px;margin:0 -8px;border-radius:10px;transition:background .15s}.feed-row:hover{background:#ffffff08}.feed-row.fresh{animation:flash 1.6s ease}@keyframes flash{0%{background:#30d15829;transform:translateY(-4px);opacity:0}20%{opacity:1;transform:none}to{background:transparent}}.feed-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--steel)}.feed-dot.screen{background:#5a6776}.feed-dot.view{background:var(--blue)}.feed-dot.create{background:var(--green);box-shadow:0 0 8px #30d15899}.feed-dot.social{background:var(--gold)}.feed-dot.alert{background:var(--red);box-shadow:0 0 8px #e30a1799}.feed-dot.session{background:var(--ivory)}.feed-main{flex:1;min-width:0;font-size:13px}.feed-main b{color:var(--ivory);font-weight:600}.feed-label{color:var(--steel);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-time{font-size:11.5px;color:var(--steel);font-variant-numeric:tabular-nums;flex:none}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0 16px;padding-top:22px;border-top:1px solid var(--line)}.section-heading{font-family:var(--display);font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.02em;color:var(--ivory);margin:0 0 2px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:14px}@media (max-width: 1640px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi{padding:16px 18px}.kpi-value{font-family:var(--display);font-weight:800;font-size:38px;line-height:1;color:var(--ivory);margin-top:12px}.kpi-foot{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;flex-wrap:wrap}.delta{display:inline-flex;align-items:center;gap:2px;font-weight:700;padding:1px 7px 1px 5px;border-radius:999px;font-size:11.5px}.delta svg{width:13px;height:13px}.delta.up{color:var(--green);background:var(--green-soft)}.delta.down{color:#ff5a63;background:var(--red-soft)}.delta.flat{color:var(--muted);background:var(--elevated);padding-left:7px}.single-day{height:180px;display:grid;place-content:center;text-align:center}.single-day b{font-family:var(--display);font-weight:800;font-size:64px;color:var(--ivory);line-height:1}.single-day span{color:var(--muted)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 1100px){.report-grid{grid-template-columns:1fr}}.bars{display:flex;flex-direction:column;gap:13px}.bar-text{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:6px}.bar-text>span:first-child{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-text b{color:var(--ivory)}.bar-track{height:7px;border-radius:7px;background:var(--void);overflow:hidden}.bar-fill{height:100%;border-radius:7px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.bar-fill.red{background:linear-gradient(90deg,var(--red-deep),var(--red))}.bar-fill.blue{background:linear-gradient(90deg,#2f6fd1,var(--blue))}.bar-fill.steel{background:linear-gradient(90deg,#414c58,#7d8b9b)}.rank-list{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:11px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;width:100%;font-size:13px}.rank-row:last-child{border-bottom:0}.rank-row.clickable{cursor:pointer;border-radius:0}.rank-row.clickable:hover .rank-label b{color:var(--red)}.rank-no{width:22px;font-family:var(--display);font-weight:800;font-size:17px;color:var(--steel);flex:none;text-align:center}.rank-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.rank-value{flex:none;white-space:nowrap}.rank-value b{color:var(--ivory)}.heatmap{display:grid;grid-template-columns:34px repeat(24,1fr);gap:3px;align-items:center}.hm-hour{font-size:10px;color:var(--steel);text-align:left}.hm-day{font-size:11px;color:var(--muted);font-weight:600}.hm-cell{aspect-ratio:1;border-radius:4px;background:var(--void);border:1px solid rgba(255,255,255,.03);transition:transform .1s}.hm-cell:hover{transform:scale(1.25);position:relative;z-index:1}.hm-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12.5px;color:var(--muted)}.hm-legend{display:inline-flex;gap:3px}.hm-legend i{width:12px;height:12px;border-radius:3px;background:var(--red);display:inline-block}.no-data{color:var(--steel);font-size:13px;padding:24px 0;text-align:center}.version-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.fb-shot{flex:none}.fb-shot img{width:96px;height:170px;border-radius:10px;object-fit:cover;border:1px solid var(--line-strong);transition:transform .15s}.fb-shot:hover img{transform:scale(1.03)}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:12px;overflow:hidden}.activity-stats>div{background:var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:2px}.activity-stats b{font-family:var(--display);font-weight:700;font-size:20px;color:var(--ivory)}.activity-stats span{font-size:11.5px;color:var(--muted)}.online-text{color:var(--green)!important}.activity-list{display:flex;flex-direction:column;gap:0;max-height:360px;overflow-y:auto;padding-top:8px;padding-bottom:8px}.activity-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.activity-row:last-child{border-bottom:0}.kpi .stat-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}