@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#08090d;--bg-soft:#0d0f15;--panel:#11141c;--panel-2:#151923;--line:#252a36;
  --text:#f7f8fb;--muted:#8e96a8;--red:#f12d46;--red-dark:#a80f27;--red-soft:rgba(241,45,70,.12);
  --green:#35d07f;--yellow:#f2b94b;--blue:#5c8cff;--shadow:0 28px 80px rgba(0,0,0,.42);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}code{font-family:"SFMono-Regular",Consolas,monospace}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff4860,#b70e28);box-shadow:0 10px 28px rgba(241,45,70,.24);font-size:15px;letter-spacing:-.5px}.brand-large{font-size:24px}.brand-large .brand-mark{width:46px;height:46px;border-radius:14px;font-size:18px}.eyebrow,.section-kicker{margin:0 0 8px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:1.8px}.muted{color:var(--muted)}
.primary-button,.ghost-button{border:0;border-radius:13px;padding:12px 17px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--red),#c71532);color:#fff;box-shadow:0 11px 28px rgba(241,45,70,.2)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(241,45,70,.28)}.ghost-button{background:#171b24;border:1px solid var(--line);color:#dce0e8}.ghost-button:hover{border-color:#444b5d;background:#1b202b}

/* Login */
.login-page{overflow-x:hidden;background:#07080b}.login-noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.login-showcase{position:relative;overflow:hidden;padding:44px 5vw;background:radial-gradient(circle at 28% 35%,rgba(241,45,70,.15),transparent 28%),linear-gradient(145deg,#11131a,#08090d 65%);border-right:1px solid #1d2029}.showcase-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.secure-chip{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #2b303c;border-radius:999px;background:rgba(16,19,26,.7);color:#bec4cf;font-size:12px}.secure-chip i,.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.showcase-content{position:relative;z-index:2;max-width:600px;margin-top:16vh}.showcase-content h1{font-size:clamp(45px,5vw,76px);line-height:1.02;letter-spacing:-4px;margin:0 0 24px}.showcase-content h1 span{color:var(--red)}.showcase-content>p:not(.eyebrow){max-width:530px;color:#9ea5b5;font-size:17px;line-height:1.7}.feature-row{display:flex;gap:44px;margin-top:44px}.feature-row div{display:flex;flex-direction:column;gap:5px}.feature-row strong{font-size:19px}.feature-row span{color:var(--muted);font-size:12px}.network-orbit{position:absolute;width:440px;height:440px;right:-120px;bottom:-80px;opacity:.68}.orbit{position:absolute;inset:0;border:1px solid rgba(241,45,70,.2);border-radius:50%}.orbit-two{inset:70px;border-color:rgba(255,255,255,.08)}.orb-core{position:absolute;inset:140px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fa5368,#a80f27 70%);box-shadow:0 0 70px rgba(241,45,70,.35);font-weight:800;font-size:26px}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 18px var(--red)}.n1{top:30px;left:170px}.n2{right:15px;top:225px}.n3{left:45px;bottom:70px}.login-panel{display:grid;place-items:center;padding:40px;background:linear-gradient(180deg,#0c0e13,#090a0e)}.login-form-wrap{width:min(430px,100%)}.mobile-brand{display:none}.login-form-wrap h2{font-size:38px;letter-spacing:-1.8px;margin:0 0 8px}.login-form-wrap>.muted{margin:0 0 30px}.login-form{display:grid;gap:18px}.login-form label,.modal-form label{display:grid;gap:9px;font-size:13px;font-weight:600;color:#d8dbe2}.input-shell{display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #2a2f3a;border-radius:14px;background:#11141b}.input-shell:focus-within{border-color:rgba(241,45,70,.75);box-shadow:0 0 0 4px rgba(241,45,70,.08)}.input-shell svg{width:18px;fill:none;stroke:#777f90;stroke-width:1.8}.input-shell input{width:100%;height:52px;border:0;outline:0;background:transparent;color:#fff}.eye-button{border:0;background:transparent;color:#8e96a8;font-size:11px}.login-button{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:15px 18px}.login-button b{font-size:21px}.login-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:#6f7787;font-size:12px;margin-top:28px}.alert{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;background:var(--red-soft);border:1px solid rgba(241,45,70,.25);border-radius:12px;color:#ff8393;font-size:13px}.alert span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}

/* Main shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px;background:#0c0e13;border-right:1px solid #1e222c;z-index:20}.sidebar-brand{padding:0 10px 30px}.nav-list{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:#8e96a8;font-size:13px;font-weight:600}.nav-item:hover{background:#141821;color:#dfe3ea}.nav-item.active{background:linear-gradient(90deg,rgba(241,45,70,.17),rgba(241,45,70,.04));color:#fff;border:1px solid rgba(241,45,70,.12)}.nav-icon{display:grid;place-items:center;width:25px;height:25px;font-size:18px}.nav-item.active .nav-icon{color:var(--red)}.nav-count{margin-left:auto;padding:2px 7px;border-radius:999px;background:#242935;font-size:10px}.sidebar-bottom{margin-top:auto}.server-mini{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #222731;border-radius:13px;background:#11141a}.server-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1c212b;color:var(--red);font-weight:800}.server-mini div{display:grid;gap:4px}.server-mini strong{font-size:12px}.server-mini small{display:flex;align-items:center;gap:6px;color:#737b8c;font-size:10px}.server-mini small i{width:6px;height:6px;border-radius:50%;background:var(--green)}.logout-link{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 13px;color:#737b8c;font-size:12px}.logout-link:hover{color:#fff}.main-column{min-width:0}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #1d212b;background:rgba(9,11,15,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}.topbar-left{display:flex;align-items:center;gap:14px}.breadcrumb{margin:0 0 3px;color:#636b7b;font-size:10px}.breadcrumb span{color:#a4aab7}.topbar h1{margin:0;font-size:18px;letter-spacing:-.6px}.mobile-menu{display:none;border:1px solid var(--line);background:#131720;color:#fff;border-radius:10px;width:40px;height:40px}.topbar-actions{display:flex;align-items:center;gap:12px}.live-indicator{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(53,208,127,.18);background:rgba(53,208,127,.06);border-radius:999px;color:#7be3aa;font-size:9px;font-weight:800;letter-spacing:1px}.live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#131720;color:#aeb4c1;font-size:19px}.icon-button:hover{color:#fff;border-color:#3d4453}.icon-button.spinning{animation:spin .7s linear infinite}.admin-profile{display:flex;align-items:center;gap:9px;padding-left:4px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#2a303d,#171b24);border:1px solid #303644;font-size:13px;font-weight:800}.admin-profile div{display:grid;gap:2px}.admin-profile strong{font-size:11px}.admin-profile small{font-size:9px;color:#6f7787}.content{padding:28px 32px 60px;max-width:1600px;margin:0 auto}.page-section{display:none}.page-section.active-section{display:block;animation:fadeIn .25s ease}

/* Dashboard */
.hero-panel{min-height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:44px;border:1px solid #282d38;border-radius:24px;background:radial-gradient(circle at 78% 50%,rgba(241,45,70,.16),transparent 26%),linear-gradient(145deg,#151922,#0f1218 72%)}.hero-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-panel>div:first-child{position:relative;z-index:2}.hero-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(53,208,127,.07);border:1px solid rgba(53,208,127,.15);color:#7be3aa;font-size:9px;font-weight:800;letter-spacing:1px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.hero-panel h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-2.7px;margin:18px 0}.hero-panel h2 span{color:var(--red)}.hero-panel p{max-width:550px;margin:0;color:#929aaa;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:28px}.shield-visual{position:relative;width:260px;height:260px;flex:0 0 260px;margin-right:3vw}.shield-ring{position:absolute;border-radius:50%;border:1px solid rgba(241,45,70,.22)}.ring-a{inset:0}.ring-b{inset:45px;border-color:rgba(255,255,255,.08)}.shield-core{position:absolute;inset:80px;display:grid;place-items:center;border-radius:31% 31% 42% 42%;background:linear-gradient(145deg,#ff4058,#a70e27);box-shadow:0 0 60px rgba(241,45,70,.35);transform:rotate(45deg)}.shield-core span,.shield-core small{transform:rotate(-45deg);position:absolute}.shield-core span{font-size:26px;font-weight:800}.shield-core small{font-size:7px;letter-spacing:2px;margin-top:38px;opacity:.7}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.s1{left:30px;top:53px}.s2{right:11px;top:128px}.s3{left:73px;bottom:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metric-card{padding:20px;border:1px solid #242935;border-radius:17px;background:#11141b}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#81899a;font-size:11px}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--red-soft);color:var(--red);font-style:normal}.metric-card>strong{display:block;margin:14px 0 5px;font-size:26px;letter-spacing:-1px}.metric-card small{color:#6f7787;font-size:10px}.metric-card small b{margin-right:3px}.positive{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px}.panel{border:1px solid #242935;border-radius:18px;background:#11141b}.performance-panel,.status-panel,.activity-panel,.table-panel,.detail-card{padding:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-heading h3,.detail-card h3{margin:0;font-size:14px}.section-kicker{display:block;margin-bottom:5px;font-size:8px}.update-time{color:#646c7c;font-size:9px}.resource-list{display:grid;gap:18px}.resource-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.resource-info{display:flex;align-items:center;gap:11px}.resource-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#1a1f29;color:#9da5b4;font-size:8px;font-weight:800}.resource-info div{display:grid;gap:3px}.resource-info strong{font-size:11px}.resource-info small{font-size:9px;color:#6d7585}.resource-value{width:45%;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:9px}.resource-value b{text-align:right;font-size:10px}.progress{height:7px;border-radius:99px;background:#202530;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c91632,#ff4058);transition:width .35s ease}.status-list{display:grid}.status-list>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #20242e;font-size:11px}.status-list>div:last-child{border-bottom:0}.status-list span{color:#858d9d}.status-list b{font-size:10px;text-transform:capitalize}.service-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 10px rgba(53,208,127,.65)}

/* Sections */
.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 24px}.section-header h2{font-size:30px;letter-spacing:-1.4px;margin:0 0 8px}.section-header p:not(.eyebrow){margin:0;color:#7f8797;font-size:12px}.table-panel{padding:0;overflow:hidden}.table-toolbar,.activity-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #232833}.search-box{display:flex;align-items:center;gap:9px;min-width:270px;padding:0 12px;border:1px solid #292f3a;border-radius:11px;background:#0d1016}.search-box span{color:#747c8d;font-size:18px}.search-box input{width:100%;height:39px;border:0;outline:0;background:transparent;color:#fff;font-size:11px}.table-toolbar select{height:40px;padding:0 12px;border:1px solid #292f3a;border-radius:11px;background:#0d1016;color:#aeb4c1;font-size:11px;outline:0}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse}th{padding:13px 16px;color:#626b7b;font-size:9px;letter-spacing:.8px;text-transform:uppercase;background:#0e1117}td{padding:14px 16px;border-top:1px solid #202530;color:#aeb5c2;font-size:11px;white-space:nowrap}tr:hover td{background:rgba(255,255,255,.012)}.align-right{text-align:right}.device-name{display:flex;align-items:center;gap:10px}.device-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#1d222d;color:#d7dbe3;font-weight:800}.device-name div{display:grid;gap:3px}.device-name strong{color:#eef0f4;font-size:11px}.device-name small{color:#626b7b;font-size:8px}td code,dd code{padding:5px 8px;border-radius:7px;background:#171b24;color:#bfc5d0;font-size:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:700}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.approved{background:rgba(53,208,127,.08);color:#62dc98}.status-badge.pending{background:rgba(242,185,75,.09);color:#f2c465}.status-badge.disabled{background:rgba(241,45,70,.09);color:#ff6a7d}.last-seen{color:#757e8e;font-size:10px}.traffic-cell{display:grid;gap:3px;color:#8c94a4;font-size:9px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.row-actions form{margin:0}.action-button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #2b313d;border-radius:8px;background:#171b23;color:#858d9d}.action-button:hover{color:#fff;border-color:#434b5b}.action-button.approve{color:#62dc98}.action-button.delete{color:#ff6a7d}.empty-state{text-align:center;padding:50px 20px;color:#70798a}.empty-state span{display:block;margin-bottom:12px;font-size:30px;color:#3d4554}.empty-state strong{display:block;color:#cbd0d9}.empty-state p{font-size:11px}.no-results{display:none;padding:30px;text-align:center;color:#747d8e;font-size:11px}.no-results.show{display:block}.timeline{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:16px 1fr;gap:12px;padding:15px 4px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:7px;top:28px;bottom:-4px;width:1px;background:#292e39}.timeline-dot{position:relative;z-index:1;width:10px;height:10px;margin-top:3px;border-radius:50%;background:#5c8cff;box-shadow:0 0 0 4px rgba(92,140,255,.08)}.timeline-dot.warning{background:var(--yellow);box-shadow:0 0 0 4px rgba(242,185,75,.08)}.timeline-dot.error{background:var(--red);box-shadow:0 0 0 4px rgba(241,45,70,.08)}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-top strong{font-size:11px;font-weight:600}.event-level{padding:3px 7px;border-radius:999px;background:#1b2029;color:#7e8797;font-size:8px;text-transform:uppercase}.timeline time{display:block;margin-top:5px;color:#626b7b;font-size:9px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.system-card{position:relative;display:flex;align-items:center;gap:15px;padding:22px}.system-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--red-soft);color:var(--red);font-size:20px}.system-card div{display:grid;gap:4px}.system-card small{color:#687182;font-size:8px;letter-spacing:1px}.system-card h3{margin:0;font-size:18px}.system-card p{margin:0;color:#737c8c;font-size:10px}.system-led{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.detail-card dl{margin:15px 0 0}.detail-card dl>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #222731}.detail-card dl>div:last-child{border-bottom:0}.detail-card dt{color:#737c8c;font-size:10px}.detail-card dd{margin:0;color:#cbd0d8;font-size:10px}

/* Modal / token */
.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(3,4,7,.76);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.2s}.modal-backdrop.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(460px,100%);padding:30px;border:1px solid #313744;border-radius:22px;background:#12151d;box-shadow:var(--shadow);transform:translateY(12px) scale(.98);transition:.2s}.modal-backdrop.open .modal-card{transform:none}.modal-close{position:absolute;right:16px;top:16px;width:33px;height:33px;border:1px solid #2c323e;border-radius:10px;background:#191d26;color:#858d9d;font-size:20px}.modal-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:18px;border-radius:14px;background:var(--red-soft);color:var(--red);font-size:23px}.modal-card h2{margin:0 0 9px;font-size:27px;letter-spacing:-1.2px}.modal-card>p:not(.eyebrow){color:#858d9d;line-height:1.6;font-size:12px}.modal-form{display:grid;gap:15px;margin-top:22px}.modal-form input{height:49px;width:100%;padding:0 13px;border:1px solid #2b313c;border-radius:12px;background:#0c0f14;color:#fff;outline:0}.modal-form input:focus{border-color:rgba(241,45,70,.7);box-shadow:0 0 0 4px rgba(241,45,70,.08)}.modal-note{display:flex;gap:10px;padding:12px;border-radius:12px;background:#181c24;border:1px solid #252b36}.modal-note span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#272d39;color:#9aa2b1;font-size:10px}.modal-note p{margin:0;color:#7f8797;font-size:10px;line-height:1.6}.modal-note strong{color:#d5d9e1}.toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #2b313c;border-radius:13px;background:#151922;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(53,208,127,.12);color:var(--green);font-size:11px}.toast p{margin:0;font-size:11px}.token-page{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 5%,rgba(241,45,70,.13),transparent 30%),#08090d}.token-shell{width:min(720px,100%)}.token-shell>.brand{justify-content:center;margin-bottom:24px}.token-card{padding:34px;border:1px solid #282e39;border-radius:24px;background:#11141b;box-shadow:var(--shadow);text-align:center}.success-ring{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:rgba(53,208,127,.1);border:1px solid rgba(53,208,127,.2);color:var(--green);font-size:24px}.token-card h1{font-size:30px;letter-spacing:-1.4px;margin:0 0 9px}.token-card>p:not(.eyebrow){color:#808898;font-size:12px}.credential-block{margin-top:14px;padding:15px;text-align:left;border:1px solid #262c36;border-radius:14px;background:#0d1016}.credential-block small{display:block;margin-bottom:9px;color:#636c7c;font-size:8px;letter-spacing:1px}.credential-block strong{font-size:13px}.copy-row{display:flex;align-items:center;gap:10px}.copy-row code{flex:1;overflow-wrap:anywhere;color:#dce0e7;font-size:11px}.copy-row button{border:1px solid #303642;border-radius:9px;background:#191d26;color:#aeb5c1;padding:8px 11px;font-size:9px}.token-value{border-color:rgba(241,45,70,.25);background:rgba(241,45,70,.04)}.token-warning{display:flex;gap:10px;margin-top:15px;padding:13px;text-align:left;border-radius:12px;background:rgba(242,185,75,.06);border:1px solid rgba(242,185,75,.14)}.token-warning span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:rgba(242,185,75,.12);color:var(--yellow);font-size:11px}.token-warning p{margin:0;color:#9a8b6d;font-size:10px;line-height:1.6}.token-back{display:block;margin-top:18px}

@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.shield-visual{width:210px;height:210px;flex-basis:210px}.shield-core{inset:65px}.dashboard-grid{grid-template-columns:1fr}.login-showcase{padding-left:4vw}.showcase-content h1{font-size:52px}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:240px;transform:translateX(-105%);transition:.25s;box-shadow:30px 0 70px rgba(0,0,0,.45)}.sidebar.open{transform:none}.mobile-menu{display:grid;place-items:center}.content{padding:20px 16px 50px}.topbar{padding:0 16px}.admin-profile div{display:none}.hero-panel{padding:28px;min-height:auto}.shield-visual{display:none}.system-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:24px}.mobile-brand{display:flex;margin-bottom:70px}.feature-row{gap:20px}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px}.metric-card>strong{font-size:21px}.hero-panel h2{font-size:35px}.hero-actions{align-items:stretch;flex-direction:column}.section-header{align-items:stretch;flex-direction:column}.table-toolbar,.activity-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0}.resource-row{align-items:flex-start;flex-direction:column}.resource-value{width:100%}.live-indicator{display:none}.topbar h1{font-size:15px}.system-grid{grid-template-columns:1fr}.copy-row{align-items:stretch;flex-direction:column}.copy-row button{align-self:flex-end}.token-card{padding:24px 18px}.login-form-wrap h2{font-size:32px}}