:root{--bg:#07111f;--panel:#0e1c2f;--line:#1e3551;--text:#e7f1ff;--muted:#86a0bf;--blue:#1da1f2;--cyan:#35d9ff;--green:#20c997;--red:#ff5d6c;--yellow:#f9c74f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#102c52,var(--bg) 45%);color:var(--text);font:14px system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#081523;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:26px}.brand{font-weight:900;letter-spacing:1.5px;font-size:20px}.brand span{color:var(--cyan)}nav{display:grid;gap:6px}nav a{color:var(--muted);padding:11px 13px;text-decoration:none;border-radius:9px;font-weight:650}nav a:hover,nav a.active{background:#123255;color:#fff}.sidebar form{margin-top:auto}main{padding:24px 30px;overflow:hidden;max-width:1700px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{font-size:27px;margin:0}h2{font-size:17px;margin:0 0 17px}.admin,.badge{background:#173657;border:1px solid #27527d;padding:5px 9px;border-radius:999px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.card,.panel{background:linear-gradient(145deg,#10233a,#0b192b);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 35px #0004}.card{padding:18px}.card small{display:block;color:var(--muted);margin-bottom:8px}.card strong{font-size:24px}.panel{padding:19px;margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-narrow{max-width:820px}.product-form{display:grid;grid-template-columns:2fr 2fr 1fr 100px auto;gap:12px;align-items:end}.account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.account-form>label:nth-last-of-type(-n+2),.account-form>button,.account-form>.inline{grid-column:1/-1}.category-form{display:grid;grid-template-columns:1fr 2fr 100px 120px auto;gap:12px;align-items:end}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.category-item{background:#09192b;border:1px solid var(--line);border-radius:12px;padding:16px}.category-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.category-title small{display:block;color:var(--muted);margin-top:3px}.category-icon{font-size:26px}.muted{color:var(--muted)}a{color:var(--cyan)}button:disabled{opacity:.4;cursor:not-allowed}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase}label{display:grid;gap:6px;color:var(--muted);margin-bottom:12px}input,select,textarea{width:100%;background:#071525;border:1px solid #294663;color:#fff;border-radius:8px;padding:10px;font:inherit}textarea{min-height:75px;resize:vertical}button{border:0;border-radius:8px;padding:10px 14px;font-weight:750;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03101d}.ghost{background:#142942;color:#bcd4ed}.full{width:100%}.inline{display:flex;gap:9px;align-items:end}.inline>*{flex:1}.compact input{min-width:130px}.success,.success-btn{background:#123e38;color:#6ef4cb}.danger,.danger-btn{background:#481e2a;color:#ff98a2}.warning{background:#483b17;color:#ffe38e}.notice,.error{padding:12px;border-radius:9px;margin-bottom:16px}.notice{background:#123e38}.error{background:#481e2a}.secret{display:block;max-width:320px;overflow-wrap:anywhere;margin:8px 0}.edit-form{min-width:340px;margin:12px 0}.login-page{display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #0008}.login-card h1{font-size:22px;margin:28px 0 20px}code{color:#a9e8ff}@media(max-width:1050px){.product-form,.category-form{grid-template-columns:1fr 1fr}.product-form button,.category-form button{grid-column:1/-1}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;padding:14px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar form{display:none}main{padding:18px 12px}.grid2,.account-form,.product-form,.category-form{grid-template-columns:1fr}.inline{flex-wrap:wrap}header{margin-top:4px}}
dialog{width:min(680px,calc(100% - 24px));max-height:90vh;overflow:auto;background:#0e1c2f;color:#e7f1ff;border:1px solid #294663;border-radius:14px;padding:22px}dialog::backdrop{background:#020812cc}dialog header{margin-bottom:16px}.dt-container{color:#e7f1ff;width:100%}.dt-container .dt-layout-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:12px 0}.dt-container .dt-layout-cell{display:flex;align-items:center}.dt-container .dt-layout-end{margin-left:auto}.dt-container .dt-input{background:#071525!important;color:#fff!important;border-color:#294663!important}.dt-container .dt-info{color:var(--muted);padding:0!important}.dt-container .dt-paging,.dt-container .dt-paging nav{display:flex!important;align-items:center;gap:4px}.dt-container .dt-paging{justify-content:flex-end}.dt-container .dt-paging .dt-paging-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;height:38px;margin:0!important;padding:7px 11px!important;background:#102942!important;border:1px solid #294663!important;border-radius:7px!important;color:#bcd4ed!important;line-height:1!important}.dt-container .dt-paging .dt-paging-button:hover{background:#174269!important;color:#fff!important}.dt-container .dt-paging .dt-paging-button.current{background:#176092!important;border-color:#35d9ff!important;color:#fff!important}.dt-container .dt-paging .dt-paging-button.disabled{opacity:.4;cursor:not-allowed}@media(max-width:700px){.dt-container .dt-layout-row{display:grid;grid-template-columns:1fr}.dt-container .dt-layout-cell,.dt-container .dt-layout-end{margin:0;justify-content:flex-start}.dt-container .dt-paging{justify-content:flex-start;overflow-x:auto;max-width:100%}}
.account-create-panel{width:100%;max-width:none}.account-create-panel .account-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.account-create-panel .wide-field{grid-column:1/-1}.account-create-panel textarea{min-height:90px}@media(max-width:1050px){.account-create-panel .account-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.account-create-panel .account-form{grid-template-columns:1fr}}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;z-index:1000;max-width:min(420px,calc(100% - 48px));padding:13px 17px;border:1px solid #287c6d;border-radius:10px;background:#123e38;color:#8ff8d9;box-shadow:0 14px 40px #0008}.toast.error{background:#481e2a;color:#ffb1b8;border-color:#8f3545}
.stock-table{table-layout:fixed;min-width:1100px}.stock-table th:nth-child(1){width:70px}.stock-table th:nth-child(2){width:150px}.stock-table th:nth-child(3){width:340px}.stock-table th:nth-child(4){width:110px}.stock-table th:nth-child(5){width:160px}.stock-table th:nth-child(6){width:170px}.stock-table th:nth-child(7){width:130px}.stock-table td:nth-child(3) details{width:100%}.stock-table td:nth-child(3) .secret{max-width:none;width:100%;padding:10px;background:#071525;border:1px solid #294663;border-radius:7px;font-size:13px;line-height:1.45;white-space:normal;word-break:break-all}

/* Hanbot Admin design system */
:root{--sidebar:248px;--content:1600px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--radius-sm:8px;--radius-md:12px;--shadow:0 14px 38px rgba(0,0,0,.22)}
body{background:radial-gradient(circle at 88% 0,#12345d 0,#091728 38%,#06101d 75%);font-size:14px}
.admin-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;align-items:start}
.admin-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#081727,#07121f);border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;gap:24px;z-index:50}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.sidebar-close,.menu-toggle{display:none}
.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;align-items:center;min-height:42px;color:var(--muted);padding:10px 13px;text-decoration:none;border-radius:9px;font-weight:650;transition:.18s ease}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,#13365a,#10456c);color:#fff;box-shadow:inset 3px 0 var(--cyan)}
.sidebar-footer{margin-top:auto}.sidebar-backdrop{display:none}
.admin-main{width:100%;max-width:var(--content);margin:0 auto;align-self:start;padding:24px 28px 36px;min-width:0}
.page-header{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:0 0 20px}.page-title-group{display:flex;align-items:center;gap:12px}.page-header h1{font-size:25px;letter-spacing:-.3px}.admin-identity{background:#173657;border:1px solid #27527d;padding:6px 10px;border-radius:999px;color:#dcedff;font-size:12px}
.page-stack{display:grid;gap:16px}.page-stack>.panel,.page-stack>.cards{margin:0}
.panel{padding:20px;background:linear-gradient(145deg,rgba(16,35,58,.96),rgba(10,25,43,.96));border-radius:var(--radius-md);box-shadow:var(--shadow)}
.panel h2{display:flex;align-items:center;min-height:24px;margin-bottom:16px}.cards{gap:14px}.card{border-radius:var(--radius-md);box-shadow:var(--shadow)}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;border-radius:8px;scrollbar-color:#41627f #071525;scrollbar-width:thin}
table{min-width:0}th{white-space:nowrap;color:#8ea9c8;letter-spacing:.03em}th,td{padding:11px 12px}td{overflow-wrap:anywhere}
form{min-width:0}label{min-width:0}input,select,textarea{min-height:40px;min-width:0;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(53,217,255,.12)}
button{min-height:38px;transition:transform .12s,filter .12s}button:hover:not(:disabled){filter:brightness(1.09)}button:active:not(:disabled){transform:translateY(1px)}
.product-form,.category-form{align-items:end}.inline{min-width:0}.notice,.error{margin:0}
dialog header{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}dialog{box-shadow:0 25px 90px #000c}
.dt-container{min-width:0}.dt-container .dt-layout-row:first-child{margin-top:0}.dt-container table{width:100%!important}.dt-container .dt-search,.dt-container .dt-length{display:flex;align-items:center;gap:8px}.dt-container .dt-search input{min-width:220px}.dt-container .dt-paging nav{display:flex!important}
.secret,code{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:1100px){.admin-main{padding:22px 20px}.product-form,.category-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){body.sidebar-open{overflow:hidden}.admin-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;width:min(290px,86vw);height:100vh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px #0009}.sidebar-open .admin-sidebar{transform:translateX(0)}.sidebar-close,.menu-toggle{display:inline-grid;place-items:center;border:1px solid var(--line);background:#102942;color:#fff}.sidebar-close{width:36px;padding:0;font-size:22px}.menu-toggle{width:40px;padding:0}.sidebar-backdrop{position:fixed;inset:0;background:#020812b8;z-index:40}.sidebar-open .sidebar-backdrop{display:block}.admin-main{padding:16px 12px 28px}.page-header{margin-bottom:14px}.page-header h1{font-size:21px}.page-stack{gap:12px}.panel{padding:15px}.sidebar-footer{display:block!important}.grid2,.account-form,.product-form,.category-form{grid-template-columns:1fr}.table-wrap{margin-inline:0}.dt-container .dt-layout-row{display:grid;grid-template-columns:1fr}.dt-container .dt-layout-cell,.dt-container .dt-layout-end{margin:0;justify-content:flex-start}.dt-container .dt-search{width:100%}.dt-container .dt-search input{min-width:0;flex:1}.toast{left:12px;right:12px;bottom:12px;max-width:none}}

/* Cyber terminal theme */
:root{--bg:#020705;--panel:#07110d;--line:#164b32;--text:#d8ffe8;--muted:#6fae89;--blue:#00b86b;--cyan:#00ff88;--green:#00e676;--red:#ff3b63;--yellow:#d7ff38;--shadow:0 0 0 1px rgba(0,255,136,.05),0 18px 48px rgba(0,0,0,.45)}
body{position:relative;background:#020705;color:var(--text);font-family:"Cascadia Code","JetBrains Mono","Fira Code",Consolas,monospace}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 85% 5%,rgba(0,255,136,.11),transparent 30%),linear-gradient(rgba(0,255,136,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.025) 1px,transparent 1px),#020705;background-size:auto,34px 34px,34px 34px,auto}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:10000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}
.matrix-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;color:rgba(0,255,136,.12);font:12px/1.8 "Cascadia Code",Consolas,monospace;text-shadow:0 0 8px rgba(0,255,136,.35)}
.matrix-bg div{position:absolute;white-space:nowrap;animation:terminal-drift 18s linear infinite}
.matrix-bg div:nth-child(1){top:10%;left:-35%;animation-duration:21s}.matrix-bg div:nth-child(2){top:25%;left:-55%;animation-duration:27s;animation-delay:-8s}.matrix-bg div:nth-child(3){top:43%;left:-45%;animation-duration:23s;animation-delay:-14s}.matrix-bg div:nth-child(4){top:61%;left:-60%;animation-duration:30s;animation-delay:-5s}.matrix-bg div:nth-child(5){top:78%;left:-40%;animation-duration:19s;animation-delay:-11s}.matrix-bg div:nth-child(6){top:91%;left:-70%;animation-duration:33s;animation-delay:-20s}
@keyframes terminal-drift{0%{transform:translateX(0)}100%{transform:translateX(175vw)}}
.admin-sidebar{background:linear-gradient(180deg,rgba(2,15,9,.98),rgba(3,9,7,.98));border-color:#0c6e3d;box-shadow:8px 0 35px rgba(0,255,136,.04)}
.brand{color:#eafff2;text-shadow:0 0 12px rgba(0,255,136,.4)}.brand span{color:#00ff88}
.sidebar-nav a{color:#73ae8c;border:1px solid transparent}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(90deg,rgba(0,255,136,.16),rgba(0,255,136,.03));border-color:#146b40;color:#baffd2;box-shadow:inset 3px 0 #00ff88,0 0 18px rgba(0,255,136,.05)}
.page-header h1:before{content:"> ";color:#00ff88}.page-header h1{color:#e9fff1;text-shadow:0 0 12px rgba(0,255,136,.18)}
.admin-identity,.badge{background:#082719;border-color:#176b42;color:#9dffc4;box-shadow:0 0 14px rgba(0,255,136,.08)}
.panel,.card{background:linear-gradient(145deg,rgba(6,22,14,.95),rgba(3,12,8,.96));border-color:#145737;box-shadow:var(--shadow)}
.panel{position:relative}.panel:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,#00ff88,transparent);opacity:.45}
input,select,textarea{background:#020b07;border-color:#17593a;color:#caffdc;caret-color:#00ff88}input:focus,select:focus,textarea:focus{border-color:#00ff88;box-shadow:0 0 0 3px rgba(0,255,136,.1),0 0 18px rgba(0,255,136,.08)}
.primary{background:linear-gradient(135deg,#00a65d,#00ff88);color:#001c0d;box-shadow:0 0 16px rgba(0,255,136,.15)}.ghost{background:#092218;color:#9fffc5;border:1px solid #185d3c}.danger-btn,.danger{background:#40101c;color:#ff91a7;border:1px solid #7f2138}
th{color:#72d899;border-color:#123c29}td{border-color:#0f3323}tbody tr:hover{background:rgba(0,255,136,.025)}
a{color:#38ff9b}code{color:#82ffb5}.notice{background:#092b1b;border:1px solid #177346;color:#9fffc5}.error{background:#40101c}
.dt-container .dt-input{background:#020b07!important;border-color:#17593a!important;color:#caffdc!important}.dt-container .dt-paging .dt-paging-button{background:#061a11!important;border-color:#17593a!important;color:#8dcca5!important}.dt-container .dt-paging .dt-paging-button.current{background:#0a6b3b!important;border-color:#00ff88!important;color:#fff!important;box-shadow:0 0 12px rgba(0,255,136,.2)}
dialog{background:#06120c;color:#d8ffe8;border-color:#17864e;box-shadow:0 0 45px rgba(0,255,136,.12),0 30px 90px #000}dialog::backdrop{background:rgba(0,5,3,.86);backdrop-filter:blur(3px)}
@media(prefers-reduced-motion:reduce){.matrix-bg div{animation:none}}

/* High-intensity cyber effects */
.matrix-bg{color:rgba(0,255,136,.19);perspective:900px}
.matrix-bg:before,.matrix-bg:after{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(0,255,136,.025) 0 1deg,transparent 1deg 7deg);animation:radar-spin 38s linear infinite}
.matrix-bg:after{inset:0;background:linear-gradient(90deg,transparent 0,rgba(0,255,136,.04) 49.8%,rgba(0,255,136,.22) 50%,rgba(0,255,136,.04) 50.2%,transparent 100%);animation:scanner-x 9s ease-in-out infinite}
.matrix-bg .code-stream{position:absolute;display:block!important;white-space:nowrap;will-change:transform,opacity;filter:drop-shadow(0 0 5px rgba(0,255,136,.45))}
.matrix-bg .horizontal{left:-55%;animation-name:stream-x;animation-timing-function:linear;animation-iteration-count:infinite}
.matrix-bg .h1{top:7%;animation-duration:19s}.matrix-bg .h2{top:19%;animation-duration:25s;animation-delay:-7s}.matrix-bg .h3{top:31%;animation-duration:21s;animation-delay:-13s}.matrix-bg .h4{top:44%;animation-duration:28s;animation-delay:-4s}.matrix-bg .h5{top:57%;animation-duration:17s;animation-delay:-9s}.matrix-bg .h6{top:70%;animation-duration:24s;animation-delay:-18s}.matrix-bg .h7{top:82%;animation-duration:20s;animation-delay:-11s}.matrix-bg .h8{top:94%;animation-duration:30s;animation-delay:-21s}
.matrix-bg .vertical{top:-90%;line-height:2;text-align:center;animation-name:stream-y;animation-timing-function:linear;animation-iteration-count:infinite;text-shadow:0 0 9px #00ff88}
.matrix-bg .v1{left:18%;animation-duration:15s}.matrix-bg .v2{left:42%;animation-duration:19s;animation-delay:-8s}.matrix-bg .v3{left:68%;animation-duration:13s;animation-delay:-4s}.matrix-bg .v4{left:91%;animation-duration:22s;animation-delay:-14s}
@keyframes stream-x{0%{transform:translateX(0);opacity:0}8%,88%{opacity:1}100%{transform:translateX(190vw);opacity:0}}
@keyframes stream-y{0%{transform:translateY(0);opacity:0}7%,90%{opacity:.9}100%{transform:translateY(210vh);opacity:0}}
@keyframes radar-spin{to{transform:rotate(360deg)}}
@keyframes scanner-x{0%,100%{transform:translateX(-65%);opacity:.2}50%{transform:translateX(65%);opacity:.7}}
.admin-main:before{content:"SYS://HANBOT_SECURE_NODE";position:fixed;right:18px;top:9px;color:rgba(0,255,136,.34);font-size:10px;letter-spacing:.22em;z-index:2;animation:sys-blink 2.1s steps(2,end) infinite}
.admin-main:after{content:"";position:fixed;left:var(--sidebar);right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);box-shadow:0 0 16px #00ff88;animation:top-pulse 4s ease-in-out infinite;z-index:60}
@keyframes sys-blink{50%{opacity:.35}}@keyframes top-pulse{0%,100%{transform:translateX(-70%)}50%{transform:translateX(70%)}}
.panel:hover,.card:hover{border-color:#168d50;box-shadow:0 0 0 1px rgba(0,255,136,.08),0 20px 55px rgba(0,0,0,.5),0 0 28px rgba(0,255,136,.055)}
.page-header h1{animation:title-glitch 7s infinite}
@keyframes title-glitch{0%,92%,100%{transform:none;text-shadow:0 0 12px rgba(0,255,136,.18)}93%{transform:translateX(1px);text-shadow:-2px 0 #00ff88,2px 0 #ff245f}94%{transform:translateX(-1px)}95%{transform:none}}
@media(max-width:820px){.matrix-bg .v1,.matrix-bg .v3{display:none!important}.admin-main:after{left:0}}
@media(prefers-reduced-motion:reduce){.matrix-bg:before,.matrix-bg:after,.matrix-bg .code-stream,.admin-main:before,.admin-main:after,.page-header h1{animation:none}}

/* Futuristic HUD layout inspired by the supplied reference */
:root{--hud:#00f59b;--hud-soft:#14b879;--hud-dark:#03100c;--hud-panel:rgba(3,12,11,.94)}
body{background:#020606}
body:before{background:radial-gradient(circle at 50% -20%,rgba(0,245,155,.10),transparent 38%),linear-gradient(rgba(0,245,155,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,155,.018) 1px,transparent 1px),#020606;background-size:auto,26px 26px,26px 26px,auto}
.admin-sidebar{border-right:2px solid var(--hud);box-shadow:4px 0 0 #071a13,8px 0 24px rgba(0,245,155,.08)}
.brand{padding:13px 10px;border:1px solid #16865a;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,rgba(0,245,155,.13),transparent 65%)}
.sidebar-nav a{position:relative;border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.sidebar-nav a:after{content:"";position:absolute;right:8px;width:5px;height:5px;border:1px solid var(--hud);transform:rotate(45deg);opacity:.5}
.sidebar-nav a.active:after{background:var(--hud);box-shadow:0 0 9px var(--hud);opacity:1}
.page-header{position:relative;border-left:2px solid var(--hud);padding-left:18px}
.page-header:before{content:"";position:absolute;left:0;bottom:-5px;width:110px;height:1px;background:linear-gradient(90deg,var(--hud),transparent)}
.page-header h1{font-size:22px;text-transform:uppercase;letter-spacing:.09em}.page-header h1:before{content:"// "}
.admin-identity{border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.panel,.card{position:relative;border:1px solid #14764f;border-radius:0;background:linear-gradient(145deg,rgba(4,18,14,.97),rgba(2,8,7,.97));clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.panel:before,.card:before{content:"";position:absolute;left:32px;right:32px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--hud) 15%,var(--hud) 85%,transparent);opacity:.9;box-shadow:0 0 10px rgba(0,245,155,.5)}
.panel:after,.card:after{content:"◆  ◇  ◆";position:absolute;right:18px;bottom:7px;color:#18a872;font-size:8px;letter-spacing:5px;opacity:.65}
.panel h2{width:max-content;max-width:100%;padding:6px 34px 7px 14px;margin-top:-20px;margin-left:-6px;background:#04150f;border-left:2px solid var(--hud);border-right:1px solid #116945;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);text-transform:uppercase;letter-spacing:.08em;color:#dffff0}
.card small{text-transform:uppercase;letter-spacing:.08em;color:#55c894}.card strong{color:#dfffee;text-shadow:0 0 12px rgba(0,245,155,.24)}
input,select,textarea{border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
button{border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);text-transform:uppercase;letter-spacing:.04em}
.primary{position:relative;border:1px solid #00f59b;background:linear-gradient(90deg,#00965f,#00e591 50%,#00965f);box-shadow:inset 0 0 12px rgba(255,255,255,.18),0 0 11px rgba(0,245,155,.16)}
.table-wrap{border:1px solid rgba(20,118,79,.6);border-radius:0;padding:8px;background:rgba(0,8,5,.25);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
th{border-bottom:1px solid #16865a;color:#49e9a8;text-transform:uppercase}tbody tr{transition:background .15s,box-shadow .15s}tbody tr:hover{background:linear-gradient(90deg,rgba(0,245,155,.08),transparent);box-shadow:inset 2px 0 var(--hud)}
.badge{border-radius:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.dt-container .dt-paging .dt-paging-button{border-radius:0!important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
dialog{border-radius:0;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
@media(max-width:820px){.panel h2{margin-top:-15px}.page-header h1{font-size:18px}}

/* High-contrast DataTables pagination */
.dt-container .dt-layout-row:last-child{padding-top:14px;border-top:1px solid rgba(0,245,155,.22)}
.dt-container .dt-info{color:#a7d9bd!important;font-weight:700}
.dt-container .dt-paging,.dt-container .dt-paging nav{gap:7px!important}
.dt-container .dt-paging .dt-paging-button{min-width:42px!important;height:40px!important;padding:8px 13px!important;background:#061a12!important;border:1px solid #247a55!important;color:#bcebd0!important;font-weight:800!important;text-shadow:none!important;box-shadow:inset 0 0 10px rgba(0,245,155,.025),0 3px 10px rgba(0,0,0,.3)!important}
.dt-container .dt-paging .dt-paging-button:hover:not(.disabled){background:#0b3b27!important;border-color:#00f59b!important;color:#fff!important;box-shadow:0 0 13px rgba(0,245,155,.28),inset 0 0 12px rgba(0,245,155,.1)!important}
.dt-container .dt-paging .dt-paging-button.current{background:linear-gradient(135deg,#00a866,#00ef91)!important;border-color:#69ffbe!important;color:#001b10!important;text-shadow:0 1px rgba(255,255,255,.22)!important;box-shadow:0 0 18px rgba(0,245,155,.42)!important}
.dt-container .dt-paging .dt-paging-button.disabled{background:#030b08!important;border-color:#143324!important;color:#3e6952!important;opacity:.72!important}
@media(max-width:700px){.dt-container .dt-paging .dt-paging-button{min-width:38px!important;height:38px!important;padding:7px 10px!important}.dt-container .dt-paging,.dt-container .dt-paging nav{gap:4px!important}}