:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Arial,Helvetica,sans-serif;color:#f5f5f7;background:#050506;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--apple-bg: #050506;--apple-bg-2: #09090b;--apple-panel: rgba(22, 22, 24, .78);--apple-panel-solid: #141416;--apple-panel-2: rgba(31, 31, 34, .72);--apple-card: rgba(24, 24, 27, .78);--apple-card-hover: rgba(34, 34, 38, .86);--apple-text: #f5f5f7;--apple-text-soft: #d7d7dc;--apple-muted: #92929b;--apple-muted-2: #6f6f78;--apple-line: rgba(255, 255, 255, .105);--apple-line-2: rgba(255, 255, 255, .16);--apple-blue: #0a84ff;--apple-blue-soft: rgba(10, 132, 255, .18);--apple-purple: #bf5af2;--apple-green: #30d158;--apple-red: #ff453a;--apple-orange: #ff9f0a;--apple-yellow: #ffd60a;--apple-radius-xl: 32px;--apple-radius-lg: 24px;--apple-radius-md: 18px;--apple-radius-sm: 14px;--apple-shadow: 0 24px 80px rgba(0, 0, 0, .42);--apple-shadow-soft: 0 14px 42px rgba(0, 0, 0, .28);--apple-glow: 0 0 0 1px rgba(255, 255, 255, .08), 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}html{background:var(--apple-bg)}body{margin:0;color:var(--apple-text);background:radial-gradient(circle at 12% 0%,rgba(10,132,255,.16),transparent 26%),radial-gradient(circle at 88% 8%,rgba(191,90,242,.12),transparent 30%),radial-gradient(circle at 50% 100%,rgba(48,209,88,.07),transparent 34%),linear-gradient(180deg,#050506,#09090b 42%,#050506);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 70%);opacity:.55;z-index:0}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}::selection{background:var(--apple-blue);color:#fff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:relative;background:radial-gradient(circle at 18% 12%,rgba(10,132,255,.2),transparent 30%),radial-gradient(circle at 82% 8%,rgba(191,90,242,.14),transparent 32%),radial-gradient(circle at 50% 100%,rgba(48,209,88,.08),transparent 35%),linear-gradient(180deg,#050506,#09090b)}.login-orb{position:absolute;width:460px;height:460px;border-radius:999px;right:-160px;top:-160px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.18),transparent 12%),linear-gradient(135deg,#0a84ff52,#bf5af229);filter:blur(.4px);opacity:.75}.login-card{width:min(470px,100%);background:#141417bd;border:1px solid var(--apple-line);border-radius:var(--apple-radius-xl);padding:36px;box-shadow:var(--apple-shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);position:relative;z-index:2}.login-card:before{content:"";position:absolute;inset:1px;border-radius:calc(var(--apple-radius-xl) - 1px);background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 38%);pointer-events:none}.login-badge{position:relative;z-index:2;display:inline-flex;width:fit-content;align-items:center;gap:8px;background:#ffffff17;color:var(--apple-text);border:1px solid var(--apple-line);border-radius:999px;padding:8px 13px;font-size:10px;font-weight:850;letter-spacing:1.5px;margin-bottom:22px;text-transform:uppercase}.login-card h1{position:relative;z-index:2;font-size:48px;line-height:.98;margin:0 0 12px;letter-spacing:-2.4px;font-weight:900;color:var(--apple-text)}.login-card p{position:relative;z-index:2;color:var(--apple-muted);line-height:1.65;margin:0 0 24px;font-weight:520}.auth-form{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:8px;color:var(--apple-text-soft);font-size:11px;font-weight:760;letter-spacing:1.2px;text-transform:uppercase}.admin-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr);background:transparent;color:var(--apple-text);position:relative;z-index:1}.sidebar{position:sticky;top:0;height:100vh;background:#0a0a0cc2;border-right:1px solid var(--apple-line);padding:22px;display:flex;flex-direction:column;overflow-y:auto;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}.sidebar::-webkit-scrollbar,.main-panel::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar-thumb,.main-panel::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding:15px;background:radial-gradient(circle at 100% 0%,rgba(10,132,255,.22),transparent 38%),linear-gradient(180deg,#ffffff16,#ffffff09);border:1px solid var(--apple-line);border-radius:var(--apple-radius-lg);box-shadow:var(--apple-shadow-soft)}.brand-mark{width:48px;height:48px;border-radius:17px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 26%),linear-gradient(135deg,#fff,#dcdce3);color:#050506;display:grid;place-items:center;font-weight:950;letter-spacing:-.8px;box-shadow:inset 0 -8px 16px #00000014}.brand-block strong{display:block;color:var(--apple-text);font-size:13px;letter-spacing:1.6px;text-transform:uppercase;font-weight:880;line-height:1.2}.brand-block span{display:block;color:var(--apple-muted);font-size:11px;margin-top:4px;font-weight:620}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-link{position:relative;padding:13px 14px;border-radius:var(--apple-radius-md);color:var(--apple-muted);font-weight:760;letter-spacing:.25px;text-transform:none;font-size:14px;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav-link:hover{background:#fff1;color:var(--apple-text);transform:translate(2px)}.nav-link.active{background:linear-gradient(135deg,#0a84fff2,#005fd2eb);color:#fff;box-shadow:0 12px 30px #0a84ff42}.nav-link.active:after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-radius:999px;transform:translateY(-50%);background:#ffffffeb}.side-foot{margin-top:auto;border-top:1px solid var(--apple-line);padding-top:18px;color:var(--apple-muted);font-size:12px;display:flex;flex-direction:column;gap:10px}.side-foot button{background:#ffffff13;color:var(--apple-text);border:1px solid var(--apple-line);border-radius:var(--apple-radius-md);padding:11px;font-weight:760;cursor:pointer;letter-spacing:.3px;box-shadow:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.side-foot button:hover{background:#ffffff1c;border-color:var(--apple-line-2);transform:translateY(-1px)}.main-panel{padding:28px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:18px;background:radial-gradient(circle at 100% 0%,rgba(10,132,255,.18),transparent 28%),radial-gradient(circle at 0% 100%,rgba(191,90,242,.1),transparent 34%),#161618c2;border:1px solid var(--apple-line);border-radius:var(--apple-radius-xl);box-shadow:var(--apple-shadow);padding:30px;position:relative;overflow:hidden;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.page-head:before{content:"";position:absolute;inset:1px;border-radius:calc(var(--apple-radius-xl) - 1px);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);pointer-events:none}.page-head>div{position:relative;z-index:2}.eyebrow{display:inline-flex;width:fit-content;background:#0a84ff29;color:#8ec5ff;border:1px solid rgba(10,132,255,.24);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:820;letter-spacing:1.55px;margin:0 0 14px;text-transform:uppercase}.page-head h1{font-size:clamp(36px,4vw,62px);line-height:.96;letter-spacing:-3.2px;margin:0 0 12px;color:var(--apple-text);font-weight:900;text-transform:none}.page-head p{margin:0;color:var(--apple-muted);line-height:1.55;font-weight:520;max-width:780px}.live-pill{position:relative;z-index:2;background:#30d15821;color:#8ff5a8;border:1px solid rgba(48,209,88,.22);border-radius:999px;padding:9px 13px;font-size:10px;font-weight:820;letter-spacing:1.1px;white-space:nowrap;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.hero-card,.stat-card,.detail-card,.table-wrap,.loading-card,.empty-state{background:var(--apple-card);border:1px solid var(--apple-line);border-radius:var(--apple-radius-lg);box-shadow:var(--apple-shadow-soft);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.hero-card{padding:26px;background:radial-gradient(circle at 96% 0%,rgba(255,255,255,.075),transparent 32%),radial-gradient(circle at 0% 100%,rgba(10,132,255,.11),transparent 35%),var(--apple-card);overflow:hidden}.hero-card.premium{background:radial-gradient(circle at 90% 0%,rgba(191,90,242,.2),transparent 30%),radial-gradient(circle at 0% 100%,rgba(10,132,255,.18),transparent 34%),linear-gradient(135deg,#18181ceb,#0c0c0eeb);color:var(--apple-text)}.hero-card span,.stat-card span{color:var(--apple-muted);font-weight:760;font-size:11px;letter-spacing:1.15px;text-transform:uppercase}.hero-card strong{display:block;font-size:46px;line-height:1;letter-spacing:-2.4px;margin:12px 0;color:var(--apple-text);font-weight:900}.hero-card p{color:var(--apple-muted);margin:0;font-weight:520;line-height:1.55}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card-grid.compact{margin-bottom:18px}.spaced{margin-top:22px}.stat-card{padding:19px;min-height:132px;position:relative;overflow:hidden;transition:transform .16s ease,background .16s ease,border-color .16s ease}.stat-card:hover{transform:translateY(-2px);background:var(--apple-card-hover);border-color:var(--apple-line-2)}.stat-card:after{content:"";position:absolute;right:16px;top:16px;width:8px;height:8px;border-radius:99px;background:var(--apple-blue);box-shadow:0 0 20px #0a84ffa6}.stat-card strong{display:block;font-size:34px;line-height:1;letter-spacing:-1.7px;margin-top:13px;color:var(--apple-text);font-weight:900}.stat-card small{display:block;margin-top:8px;color:var(--apple-muted);font-weight:520}.filter-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-input{flex:1;min-width:280px}.filter-select,.status-select{min-width:190px}.auth-form input,.filter-input,.filter-select,.status-select{border:1px solid var(--apple-line);background:#121214d1;color:var(--apple-text);border-radius:var(--apple-radius-md);padding:13px 14px;outline:none;font-weight:620;box-shadow:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.auth-form input::placeholder,.filter-input::placeholder{color:var(--apple-muted-2)}.auth-form input:focus,.filter-input:focus,.filter-select:focus,.status-select:focus{background:#19191cf5;border-color:#0a84ff94;box-shadow:0 0 0 4px #0a84ff1f}.auth-form button,.primary-btn{border:0;border-radius:var(--apple-radius-md);background:linear-gradient(135deg,var(--apple-blue),#0066d6);color:#fff;padding:14px 18px;font-weight:820;letter-spacing:.7px;cursor:pointer;text-transform:none;box-shadow:0 14px 32px #0a84ff47;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.auth-form button:hover,.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 18px 38px #0a84ff57}.table-wrap{overflow:auto;background:#121214b8}.admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;background:transparent}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--apple-line);padding:15px 16px;vertical-align:middle}.admin-table th{background:#ffffff0e;color:var(--apple-muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:820;white-space:nowrap;position:sticky;top:0;z-index:1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.admin-table th:first-child{border-top-left-radius:var(--apple-radius-lg)}.admin-table th:last-child{border-top-right-radius:var(--apple-radius-lg)}.admin-table td{color:var(--apple-text-soft);font-size:14px;font-weight:540}.admin-table td strong{color:var(--apple-text);font-weight:820}.admin-table td small{display:block;color:var(--apple-muted);margin-top:4px;font-weight:520}.admin-table tbody tr{transition:background .14s ease}.admin-table tbody tr:nth-child(2n){background:#ffffff06}.clickable-row{cursor:pointer}.clickable-row:hover{background:#0a84ff17!important}.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;border:1px solid transparent;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.45px;margin:2px;text-transform:uppercase}.badge-neutral{color:var(--apple-text-soft);background:#ffffff16;border-color:var(--apple-line)}.badge-success{color:#8ff5a8;background:#30d15821;border-color:#30d15838}.badge-danger{color:#ffb4ae;background:#ff453a24;border-color:#ff453a3d}.badge-warn{color:#ffd88a;background:#ff9f0a24;border-color:#ff9f0a3d}.badge-premium{color:#ffeeb2;background:#ffd60a21;border-color:#ffd60a42}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.detail-card{padding:22px}.detail-card.feature{background:radial-gradient(circle at 100% 0%,rgba(10,132,255,.13),transparent 30%),var(--apple-card)}.detail-card h3{margin:0 0 16px;font-size:21px;letter-spacing:-.5px;color:var(--apple-text);font-weight:850}.detail-card p{line-height:1.6;color:var(--apple-muted);font-weight:520}.detail-card strong{color:var(--apple-text);font-weight:820}.action-row{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.danger-btn,.success-btn{border:0;border-radius:var(--apple-radius-md);padding:13px 17px;font-weight:820;cursor:pointer;letter-spacing:.45px;transition:transform .16s ease,filter .16s ease}.danger-btn{background:linear-gradient(135deg,var(--apple-red),#d12a22);color:#fff;box-shadow:0 14px 28px #ff453a2e}.success-btn{background:linear-gradient(135deg,var(--apple-green),#20a847);color:#06130a;box-shadow:0 14px 28px #30d1582e}.danger-btn:hover,.success-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.status-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.safe-note{color:var(--apple-muted);font-size:13px;margin-top:12px;font-weight:520}.loading-card,.empty-state{padding:28px;color:var(--apple-muted);font-weight:540}.empty-state h3{color:var(--apple-text);margin:0 0 8px;font-size:25px;letter-spacing:-.8px}.error-box{background:#ff453a21;color:#ffb4ae;border:1px solid rgba(255,69,58,.24);padding:13px 14px;border-radius:var(--apple-radius-md);font-size:14px;font-weight:650}.card,.panel,.metric-card,.data-card,.table-card,.form-card{background:var(--apple-card);border:1px solid var(--apple-line);border-radius:var(--apple-radius-lg);box-shadow:var(--apple-shadow-soft);color:var(--apple-text);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.status,.status-badge,.pill,.tag{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;background:#ffffff16;color:var(--apple-text-soft);border:1px solid var(--apple-line)}.status.active,.status-active,.success,.live{color:#8ff5a8;background:#30d15821;border-color:#30d15838}.status.warning,.pending{color:#ffd88a;background:#ff9f0a24;border-color:#ff9f0a3d}.status.danger,.failed,.inactive{color:#ffb4ae;background:#ff453a24;border-color:#ff453a3d}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--apple-line)}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-panel{padding:22px}.hero-grid{grid-template-columns:1fr}.page-head{flex-direction:column;padding:24px}.page-head h1{font-size:42px;letter-spacing:-2px}}@media(max-width:560px){.sidebar{padding:18px}.sidebar nav{grid-template-columns:1fr}.main-panel{padding:16px}.page-head h1{font-size:36px}.hero-card strong{font-size:38px}.filter-input,.filter-select,.status-select{min-width:100%}}
