@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eeeef1;background:#080a0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}h1,h2,p{margin-top:0}h1,h2,.brand,.mark,.stat strong{font-family:'Space Grotesk',sans-serif}.muted{color:#8d919c;font-size:14px;line-height:1.6}.eyebrow{color:#bdacff;letter-spacing:3px;font-size:10px;font-weight:700}.accent{color:#a38aff}.login{min-height:100vh;display:grid;place-items:center;padding:25px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 12%,#27203e 0%,transparent 39%),#090b0f}.glow{position:absolute;inset:auto -250px -500px auto;width:850px;height:850px;border-radius:50%;background:radial-gradient(circle,#5b437745,transparent 65%)}.login-card{z-index:1;width:min(100%,560px);border:1px solid #292838;background:#111219ea;border-radius:18px;padding:64px 54px;box-shadow:0 40px 140px #0008}.mark{font-weight:700;font-size:33px;margin-bottom:42px}.mark span{color:#ae93ff}.login h1{font-size:clamp(34px,5vw,50px);line-height:1.1;letter-spacing:-2px}.login h1 em{font-style:normal;color:#b99cff}.login .muted{max-width:400px;margin:24px 0 32px}.hint{font-size:11px;color:#6b6f7d;margin-top:23px}.btn{border:1px solid #30323d;border-radius:9px;color:#e5e5ee;background:#171922;padding:11px 16px;font-weight:700;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn.primary{border-color:#a488fb;background:#a488fb;color:#100d1c}.btn.primary:hover{background:#bdaaff}.btn.ghost:hover{border-color:#9f8dd5}.btn.big{font-size:14px;padding:16px 24px}.app{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:#0d0f15;border-right:1px solid #242630;padding:33px 15px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:2px 13px 45px}.brand-icon{display:grid;place-items:center;font-size:13px;font-weight:700;width:41px;height:41px;background:#ac92ff;color:#100e18;border-radius:9px}.brand strong{font-size:16px;letter-spacing:1px}.brand small{display:block;font-size:9px;color:#747683;letter-spacing:2px;margin-top:2px}.nav-caption{color:#555967;font-size:10px;letter-spacing:2px;padding:0 14px;margin:0 0 15px}.nav{width:100%;text-align:left;padding:14px;border:0;background:transparent;color:#8f929d;font-size:13px;border-radius:8px;margin-bottom:5px}.nav:hover{background:#191a24}.nav.active{background:#292338;color:#c5b5ff;border-left:2px solid #a88fff}.side-end{margin-top:auto;padding:16px 13px;border-top:1px solid #272831}.secure{color:#88c7a2;font-size:11px;margin:0 0 18px}.side-end strong{font-size:13px}.side-end small{display:block;color:#8a8b97;font-size:11px;margin-top:4px}.main{min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid #24252e;display:flex;align-items:center;justify-content:space-between;padding:0 45px;font-size:11px;font-weight:700;letter-spacing:1.3px}.crumb{color:#6d7080}.top-actions{display:flex;gap:15px;align-items:center}.pill{padding:8px 13px;color:#c8bbff;border-radius:20px;background:#282239;text-transform:uppercase;font-size:10px}.content{max-width:1470px;margin:0 auto;padding:53px 45px}.headline{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.headline h1{font-size:36px;letter-spacing:-1.5px;margin:6px 0 8px}.headline .muted{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.stat,.panel{background:#11141b;border:1px solid #282a34;border-radius:12px}.stat{padding:26px}.stat span{font-size:10px;color:#9da0b0;letter-spacing:1.6px;font-weight:700}.stat strong{display:block;font-size:38px;margin:19px 0 4px}.stat small{font-size:11px;color:#747986}.panel{overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 28px;border-bottom:1px solid #272a32}.panel-header h2{font-size:18px;margin:0 0 3px}.panel-header p{margin:0;font-size:12px}.filter-row{display:flex;gap:8px}input,select,textarea{outline:none;background:#171a23;border:1px solid #343642;color:#efeff6;padding:12px;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:#ab91ff}.filter-row input{width:200px}table{width:100%;border-collapse:collapse;text-align:left}th{background:#15171f;color:#7b7e8d;font-size:10px;letter-spacing:1px;font-weight:700;padding:15px 24px}td{font-size:12px;color:#dadbe5;padding:19px 24px;border-top:1px solid #242730;vertical-align:middle}td small{display:block;color:#777c89;margin-top:5px;font-size:10px}.status{display:inline-block;padding:7px 10px;font-size:10px;border-radius:6px;background:#29232e;color:#d7b1e0;text-transform:uppercase;letter-spacing:.5px}.status.delivered{color:#8de6bd;background:#15372e}.status.in_progress,.status.assigned{color:#d6c498;background:#363020}.status.cancelled{color:#bcbec4;background:#282a2d}.table-wrap{overflow-x:auto}.empty{text-align:center;padding:66px 20px;color:#777c8b}.action-btn{padding:7px 10px;background:#272337;border:1px solid #473c68;color:#d5c5ff;border-radius:6px;font-size:11px;margin:2px}.action-btn.delete{color:#ffb6bd;background:#39232a;border-color:#694048}.notice{padding:14px 18px;border:1px solid #6c506e;background:#2e2234;margin:0 0 22px;border-radius:8px;font-size:13px}dialog{width:min(520px,calc(100vw - 25px));max-height:90vh;overflow-y:auto;background:#13151d;color:#fff;border:1px solid #383340;border-radius:13px;padding:28px}dialog::backdrop{background:#030306c9;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between}.modal-head h2{font-size:23px}.x{border:0;background:none;color:#fff;font-size:20px}label{display:block;font-size:12px;color:#afb2bd;margin:0 0 15px}label input,label select,label textarea{display:block;width:100%;margin-top:6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:195px}.content{padding:35px 22px}.topbar{padding:0 22px}}@media(max-width:650px){.app{display:block}.sidebar{width:auto;padding:13px;display:block}.brand{padding:4px 8px 13px}.nav-caption,.side-end{display:none}.nav{width:auto;padding:10px}.topbar{height:55px;padding:0 15px}.content{padding:28px 15px}.headline{align-items:flex-start}.headline h1{font-size:28px}.stats{gap:8px}.stat{padding:15px}.stat strong{font-size:28px}.panel-header{padding:16px;flex-wrap:wrap}.filter-row{width:100%}.filter-row input{width:100%;min-width:0}.filter-row select{max-width:150px}th,td{padding:14px 12px}.login-card{padding:35px 25px}}

.gang-category{padding:20px;border-top:1px solid #292d3b}.gang-category h3{display:flex;gap:12px;align-items:center;justify-content:space-between}.gang-category h3 small{font-size:12px;color:#9ba4b7;font-weight:400}.gang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.gang-tile{padding:16px;background:#141b2a;border:1px solid #2b3345;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.gang-tile strong{display:block;font-size:13px;overflow-wrap:anywhere}.gang-tile small{display:block;margin-top:6px}.free-label{color:#6bb6ff}.taken-label{color:#f3a6a9}.gang-tile .btn{padding:9px 12px;font-size:12px}.gang-deliver{background:#2779f4!important;color:white!important}.taken-box{font-size:12px;color:#ffadb4;font-weight:bold;margin-right:4px}.checkline{display:flex!important;align-items:center;gap:10px;margin:10px 0}.checkline input{width:auto!important;min-width:18px;min-height:18px}#gang-modal{max-height:90vh;overflow-y:auto}#gang-search{max-width:210px}

/* VOLT UK — White / Black / Gold identity */
:root { --volt-gold:#d9b765; --volt-gold-dark:#ae8436; --volt-white:#f7f6f3; }
.volt-login { background:#070708; color:var(--volt-white); isolation:isolate; min-height:100svh; padding:32px 20px; }
.volt-grid { pointer-events:none;position:absolute;inset:0;opacity:.20;background-image:linear-gradient(#c7a76015 1px,transparent 1px),linear-gradient(90deg,#c7a76015 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(120deg,transparent,#000 48%,transparent); }
.volt-halo { pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 37%,#d6b05c16 0%,transparent 46%),radial-gradient(ellipse at 90% 90%,#88621a18 0%,transparent 42%); }
.volt-login-card {width:min(100%,650px);position:relative;z-index:1;border:1px solid #8f753d65;border-radius:20px;background:linear-gradient(148deg,#18191c,#101113 58%,#0d0e10);box-shadow:0 38px 120px #000b,0 0 75px #ba994114;overflow:hidden;}
.volt-login-card:before {content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#e8c772,transparent);}
.volt-topline {display:flex;align-items:center;gap:17px;padding:28px 38px 25px;border-bottom:1px solid #ffffff15;}
.volt-monogram {display:grid;place-items:center;width:49px;height:49px;border:1px solid #d7b65e;border-radius:12px;color:#f6f3e9;font:800 21px 'Space Grotesk',sans-serif;letter-spacing:-3px;white-space:nowrap;}
.volt-monogram span {color:var(--volt-gold);font-size:11px;letter-spacing:0;position:relative;top:-7px;left:1px;}
.volt-topmeta {font-size:10px;letter-spacing:2.25px;color:#c8c6c1;font-weight:800;}.volt-dot {color:var(--volt-gold);padding:0 4px;}
.volt-hero {padding:48px 48px 50px;text-align:center;}
.volt-overline {color:var(--volt-gold);font-size:10px;font-weight:800;letter-spacing:3.1px;display:flex;align-items:center;justify-content:center;gap:10px;}
.volt-live-dot {width:7px;height:7px;background:#dfc07e;border-radius:50%;box-shadow:0 0 12px #d5b36a;}
.volt-login h1 {font-family:'Space Grotesk',sans-serif;font-size:clamp(43px,7vw,69px);letter-spacing:-3.8px;line-height:.99;margin:23px 0 28px;font-weight:800;color:#fff;}
.volt-login h1 span {color:var(--volt-gold);}.volt-login h1 strong {font-size:.64em;letter-spacing:1.6px;font-weight:800;white-space:nowrap;}
.volt-rule {display:flex;align-items:center;gap:15px;max-width:390px;margin:0 auto 24px;color:#d3b574;font-size:9px;letter-spacing:2.8px;font-weight:800;}.volt-rule i {height:1px;flex:1;background:linear-gradient(90deg,transparent,#9a8048)}.volt-rule i:last-child {transform:rotate(180deg)}
.volt-hero>p:not(.volt-security) {max-width:410px;margin:0 auto 32px;font-size:14px;line-height:1.8;color:#aeadac;}
.volt-discord-button {width:100%;max-width:405px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto;padding:15px 17px;text-decoration:none;font-size:12px;letter-spacing:1.3px;font-weight:900;background:linear-gradient(130deg,#f0d18a,#c7a14e);color:#111111;border:1px solid #e7c775;border-radius:9px;box-shadow:0 8px 32px #c5a34e1f;transition:filter .2s,transform .2s;}
.volt-discord-button:hover {filter:brightness(1.12);transform:translateY(-2px)}.volt-discord-button:focus-visible {outline:3px solid #fff;outline-offset:4px;}.volt-button-arrow {margin-left:auto;font-size:19px}.volt-discord-button svg {margin-left:auto;flex-shrink:0;}
.volt-security {margin:21px auto 0!important;font-size:11px!important;color:#93928e!important;}.volt-security span {color:var(--volt-gold);padding-right:5px;}
.volt-login-footer {display:flex;justify-content:space-between;gap:12px;padding:21px 38px;border-top:1px solid #ffffff14;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#878787;}.volt-footer-gold,.volt-corner span {color:var(--volt-gold)}.volt-corner {position:absolute;bottom:15px;right:24px;font-size:9px;color:#55565b;letter-spacing:2px;}
/* Keep the staff area consistent with the sign-in experience. */
.accent,.eyebrow {color:var(--volt-gold)}.btn.primary,.brand-icon {background:var(--volt-gold);border-color:var(--volt-gold);color:#16130b}.btn.primary:hover {background:#efd08b}.nav.active {background:#292417;color:#e6c87e;border-left-color:var(--volt-gold)}.pill {background:#2c2617;color:#dfc17d}.btn.ghost:hover,input:focus,select:focus,textarea:focus {border-color:var(--volt-gold)}
@media(max-width:650px) {.volt-login{padding:18px 13px}.volt-topline{padding:20px 22px}.volt-hero{padding:38px 23px}.volt-login h1{letter-spacing:-2.8px}.volt-login h1 strong{letter-spacing:.5px}.volt-login-footer{padding:19px 22px;flex-wrap:wrap;line-height:1.7}.volt-corner{display:none}}
@media(prefers-reduced-motion:reduce){.volt-discord-button{transition:none}}

.channel-form{padding:28px;max-width:700px}.channel-form label{margin-bottom:20px}.channel-form label input,.channel-form label select{width:100%}.channel-preview{background:#171715;border:1px solid #62502b;border-radius:9px;color:#bdbdbd;padding:16px;margin-bottom:20px;font-size:13px}.channel-preview strong{color:#e6c57b}

/* Manager-only channel permission settings */
.permission-wrap{padding:20px;display:grid;gap:16px}.permission-wrap label{display:grid;gap:7px}.permission-role-row{border:1px solid #64532b;border-radius:12px;background:#101010;padding:16px;margin:10px 0}.permission-role-head{display:flex;gap:12px;justify-content:space-between}.permission-role-head select{flex:1}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.permission-grid select,.permission-role-head select,.permission-wrap select{background:#181818;color:#fff;border:1px solid #5f5031;border-radius:7px;padding:10px;max-width:100%}