:root{font-family:Tahoma,Arial,sans-serif;color:#f7f7f8;background:#09090b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,rgba(249,115,22,.12),transparent 35%),#09090b}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:36px;border:1px solid #29292e;border-radius:24px;background:#141417f2;box-shadow:0 30px 80px #00000073}.login-card h1{margin:20px 0 8px;text-align:center}.muted{color:#a1a1aa}.login-card .muted{text-align:center;margin-bottom:30px}.brand-logo{padding:0;overflow:hidden;background:#fff}.brand-logo.small{width:48px;height:48px;margin:0;border-radius:14px;font-size:18px}form{display:grid;gap:18px}label{display:grid;gap:8px;color:#d4d4d8;font-size:14px}input{width:100%;padding:14px 16px;color:#fff;background:#101012;border:1px solid #303036;border-radius:12px;outline:none}input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731624}form button,.secondary-button{border:0;border-radius:12px;padding:14px 18px;color:#fff;background:#f97316;font-weight:700}button:disabled{opacity:.6;cursor:not-allowed}.error-box{padding:12px 14px;border:1px solid #7f1d1d;border-radius:12px;color:#fecaca;background:#7f1d1d40}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;border-left:1px solid #27272a;background:#0e0e10f5}.sidebar-brand{display:flex;align-items:center;gap:12px;padding-bottom:28px}.sidebar-brand div:last-child{display:grid;gap:4px}.sidebar-brand small{color:#a1a1aa}.sidebar nav{display:grid;gap:7px}.sidebar nav button{padding:12px 14px;text-align:right;color:#a1a1aa;background:transparent;border:0;border-radius:10px}.sidebar nav button:hover,.sidebar nav .nav-active{color:#fff;background:#27272a}.sidebar nav .nav-active{border-right:3px solid #f97316}.logout-button{margin-top:auto;padding:12px;color:#fca5a5;background:transparent;border:1px solid #3f3f46;border-radius:10px}.dashboard{padding:30px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.topbar h1{margin:0 0 6px}.topbar p{margin:0}.secondary-button{background:#27272a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card{min-height:135px;padding:20px;display:flex;flex-direction:column;justify-content:center;border:1px solid #29292e;border-radius:18px;background:linear-gradient(145deg,#18181b,#121214)}.metric-card span{color:#a1a1aa}.metric-card strong{margin-top:12px;font-size:30px}.metric-card small{color:#71717a}.metric-card.warning{border-color:#854d0e}.metric-card.danger{border-color:#7f1d1d}.panel{margin-top:22px;padding:22px;border:1px solid #29292e;border-radius:20px;background:#141416}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h2{margin:0}.panel-title span{color:#a1a1aa}.platform-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.platform-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #303036;border-radius:14px;background:#101012}.platform-card div{display:grid;gap:5px}.platform-card small{color:#71717a}.status{padding:6px 10px;border-radius:20px;font-size:12px}.status.active{color:#86efac;background:#1665344d}.status.disabled{color:#d4d4d8;background:#27272a}.loading-card{padding:30px;text-align:center;border:1px solid #29292e;border-radius:18px;background:#141416}.dashboard-footer{padding:24px 0 5px;text-align:center;color:#71717a;font-size:13px}@media(max-width:850px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px;border-left:0;border-bottom:1px solid #27272a}.sidebar-brand{padding-bottom:14px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap}.logout-button{margin-top:12px}.dashboard{padding:20px 14px}.topbar{align-items:flex-start}}.brand-logo{padding:4px;overflow:hidden;background:#fff}.brand-logo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.brand-logo{width:128px;height:78px;padding:2px;background:#fff;border-radius:18px}.brand-logo.small{width:80px;height:48px;padding:1px;border-radius:12px}.brand-logo img,.brand-logo.small img{width:100%;height:100%;object-fit:contain;transform:none}.content{min-width:0;padding:30px;overflow:hidden}.center{text-align:center}.page-error{margin-bottom:18px}.loading-line{margin-bottom:18px;padding:12px 16px;color:#fdba74;background:#7c2d1240;border:1px solid #7c2d12;border-radius:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-header h2,.panel h2{margin:0}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.platform-grid.large{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.platform-detail{margin-top:0}.platform-detail dl{display:grid;gap:12px;margin:0}.platform-detail dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #27272a}.platform-detail dt{color:#a1a1aa}.platform-detail dd{margin:0}.badge{display:inline-flex;width:max-content;padding:5px 10px;color:#d4d4d8;background:#27272a;border-radius:999px;font-size:12px}.badge.success{color:#86efac;background:#16653459}.table-wrapper{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:14px 12px;text-align:right;border-bottom:1px solid #27272a}th{color:#a1a1aa;font-size:13px;font-weight:500}td{color:#e4e4e7;font-size:14px}.empty{padding:35px;text-align:center;color:#71717a}.notification-list{display:grid;gap:10px}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px;border:1px solid #27272a;border-radius:14px;background:#101012}.notification-item.unread{border-right:4px solid #f97316}.notification-item p{margin:7px 0 0;color:#a1a1aa}.notification-item small{color:#71717a;white-space:nowrap}.settings-panel{max-width:950px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:24px}.toggle-row{display:flex;grid-template-columns:none;justify-content:space-between;align-items:center;padding:14px;background:#101012;border:1px solid #27272a;border-radius:12px}.toggle-row input{width:20px;height:20px;accent-color:#f97316}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}.primary-button{padding:13px 22px;color:#fff;background:#f97316;border:0;border-radius:12px;font-weight:700}@media(max-width:850px){.content{padding:20px 14px}.notification-item{display:grid}}