@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080c12;--panel:#0e141e;--panel2:#111a26;--line:#233244;--line2:#172432;--text:#e8f0f8;--muted:#8293a8;--accent:#c5ff39;--cyan:#48d9e8;--red:#ff6378;--amber:#ffbd59;--radius:10px;--mono:'IBM Plex Mono',monospace;--sans:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -20%,#142537 0,transparent 45%),var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px;font:12px var(--mono);letter-spacing:.12em;color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:#080c12;font-weight:900;font-size:22px;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);max-width:1440px;margin:auto}.login-visual{padding:8vw;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(140deg,rgba(72,217,232,.06),transparent 45%),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(100,160,190,.045) 80px)}.eyebrow{font:11px var(--mono);letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}.login-title{font-size:clamp(44px,7vw,94px);line-height:.95;letter-spacing:-.07em;margin:30px 0}.login-title span{color:var(--accent)}.login-sub{max-width:420px;color:var(--muted);line-height:1.8}.visual-foot{font:11px var(--mono);color:#53677c;letter-spacing:.1em}.login-card-wrap{display:grid;place-items:center;padding:28px}.login-card{width:min(390px,100%);padding:32px;background:rgba(14,20,30,.9);border:1px solid var(--line);box-shadow:0 24px 80px #0006;border-radius:var(--radius)}.login-card h2{font-size:24px;margin:10px 0 6px}.login-card p{color:var(--muted);margin:0 0 28px}.field{display:flex;flex-direction:column;gap:8px;margin:15px 0}.field label,.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#91a4b9;font-family:var(--mono)}input,select,textarea{width:100%;background:#090f17;border:1px solid #2a3b4d;border-radius:6px;color:var(--text);padding:12px 13px;outline:none;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #48d9e815}textarea{min-height:88px;resize:vertical}
.btn{border:1px solid #304357;background:#121d2a;color:var(--text);border-radius:6px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.15s}.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#11170b}.btn-primary:hover{background:#d7ff77;border-color:#d7ff77}.btn-danger{color:var(--red);border-color:#62303c;background:#21121a}.btn-small{padding:7px 10px;font-size:12px}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.full{width:100%}
.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#0a1018;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 10px}.brand .brand-mark{flex:none}.brand-name{font-weight:800;letter-spacing:.1em;font-size:13px}.brand-caption{font:9px var(--mono);color:var(--muted);letter-spacing:.13em;margin-top:4px}.nav-label{font:10px var(--mono);letter-spacing:.15em;color:#53677c;padding:0 12px;margin-bottom:8px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#8ea0b4;text-align:left}.nav button .nav-icon{width:18px;text-align:center;color:#5d7489;font-family:var(--mono)}.nav button:hover{background:#111b27;color:var(--text)}.nav button.active{color:var(--accent);background:#172118;border-color:#30432b}.nav button.active .nav-icon{color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line2);padding:15px 8px 0}.user-chip{display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;border:1px solid #3d5967;background:#102631;color:var(--cyan);display:grid;place-items:center;font:12px var(--mono);border-radius:6px}.user-name{font-size:12px;font-weight:700}.user-role{font:10px var(--mono);color:var(--muted);margin-top:3px}.main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#080c12cc;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.topbar-left{display:flex;align-items:center;gap:12px;color:var(--muted);font:11px var(--mono);letter-spacing:.1em}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #c5ff3980}.top-actions{display:flex;align-items:center;gap:10px}.clock{font:11px var(--mono);color:#5e7488}.content{padding:30px 34px 50px;max-width:1600px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.kicker{font:10px var(--mono);letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;margin-bottom:9px}.page-head h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em;margin:0}.page-head p{color:var(--muted);margin:8px 0 0;max-width:650px;line-height:1.6}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.stat-card{background:linear-gradient(135deg,#111a25,#0d131c);border:1px solid var(--line);border-radius:var(--radius);padding:19px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-28px;top:-28px;width:88px;height:88px;border:1px solid #2a3b4b;transform:rotate(45deg)}.stat-label{font:10px var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.stat-value{font-size:31px;font-weight:800;letter-spacing:-.05em;margin:13px 0 7px}.stat-foot{font:10px var(--mono);color:#647a8d}.stat-accent{color:var(--accent)}.stat-cyan{color:var(--cyan)}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.panel{border:1px solid var(--line);background:#0d141e;border-radius:var(--radius);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line2);gap:12px}.panel-head h3{font-size:13px;margin:0;letter-spacing:.02em}.panel-tag{font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.panel-body{padding:18px 19px}.bar-list{display:flex;flex-direction:column;gap:17px}.bar-row{display:grid;grid-template-columns:minmax(90px,140px) minmax(40px,1fr) 45px;align-items:center;gap:12px}.bar-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8c6d5}.bar-track{height:6px;background:#1c2936;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--accent));border-radius:4px}.bar-num{text-align:right;font:11px var(--mono);color:var(--accent)}.empty{padding:28px 12px;text-align:center;color:#65798d;border:1px dashed #2a3a4b;border-radius:6px;font-size:12px;line-height:1.7}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px}th{text-align:left;padding:12px 15px;color:#6e8398;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#0b1119;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #17222f;color:#bdc9d7;font-size:12px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#111b26}.primary-cell{font-weight:700;color:#eaf2fb}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.badge{display:inline-flex;padding:5px 8px;border-radius:4px;border:1px solid #2c414f;background:#12212a;color:var(--cyan);font:10px var(--mono);white-space:nowrap}.badge.green{border-color:#354a27;background:#172316;color:var(--accent)}.badge.amber{border-color:#54412b;background:#211a12;color:var(--amber)}.badge.red{border-color:#542d39;background:#25121a;color:var(--red)}.table-actions{display:flex;gap:5px;white-space:nowrap}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.group-card{padding:20px;background:linear-gradient(145deg,#111a25,#0b1119);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.group-card:before{content:"";position:absolute;right:0;top:0;width:3px;height:48px;background:var(--accent)}.group-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.group-code{font:11px var(--mono);color:var(--cyan);letter-spacing:.12em}.group-card h3{font-size:20px;margin:13px 0 5px;letter-spacing:-.04em}.group-card p{color:var(--muted);font-size:12px;line-height:1.6;min-height:36px}.group-metrics{display:flex;gap:22px;padding-top:15px;margin-top:12px;border-top:1px solid var(--line2)}.metric-mini strong{display:block;font-size:18px}.metric-mini span{display:block;color:var(--muted);font:9px var(--mono);margin-top:4px;text-transform:uppercase}.card-actions{display:flex;gap:6px;margin-top:18px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.search{max-width:320px}.modal-backdrop{position:fixed;inset:0;background:#02060bc9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#0e1621;border:1px solid #34495b;border-radius:10px;box-shadow:0 30px 100px #000a}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;margin:0}.modal-body{padding:8px 23px 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span-2{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:18px;margin-top:10px;border-top:1px solid var(--line2)}.toast{position:fixed;right:24px;bottom:24px;z-index:50;padding:14px 18px;border:1px solid #36533b;background:#132116;color:var(--accent);border-radius:7px;box-shadow:0 12px 40px #0008;max-width:min(440px,calc(100vw - 48px));font-size:12px}.toast.error{border-color:#693444;background:#24121a;color:var(--red)}.mobile-menu{display:none}.section-note{font-size:12px;color:var(--muted);line-height:1.7}.inline-code{font:11px var(--mono);color:var(--cyan)}.warning-box{padding:13px 15px;border:1px solid #57452a;background:#211a11;color:#e5bb7c;border-radius:6px;font-size:12px;line-height:1.6;margin-bottom:18px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:26px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:260px;height:100dvh;transform:translateX(-105%);transition:transform .2s;box-shadow:20px 0 70px #0008}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 15px}.content{padding:23px 14px 40px}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-value{font-size:25px}.stat-label{font-size:9px}.group-grid{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr}.login-visual{min-height:280px;padding:30px;border-right:0;border-bottom:1px solid var(--line)}.login-title{font-size:52px;margin:18px 0}.visual-foot{margin-top:30px}.login-card-wrap{padding:20px}.clock{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.bar-row{grid-template-columns:95px minmax(30px,1fr) 36px;gap:8px}.panel-body{padding:14px}.panel-head{padding:14px}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}}
/* PODZEMKA V2 / original merchandise-inspired skin */
:root{--bg:#101112;--panel:#181a1c;--panel2:#222427;--line:#343638;--line2:#292b2d;--text:#e5e4e1;--muted:#929393;--accent:#bb3438;--cyan:#d45a5c;--red:#e36b6b;--radius:3px;--sans:'Manrope',system-ui,sans-serif}
body{background:#111213;color:var(--text)}.sidebar{background:#0d0e0f;border-color:#343638}.topbar{background:#111213ec}.panel,.stat-card,.group-card,.login-card{background:#191b1d;border-color:#36383b;border-radius:3px}.stat-card:after{border-color:#393032}.stat-accent,.stat-cyan,.inline-code,.bar-num,.kicker,.eyebrow{color:#d4585a}.stat-value{font-variant-numeric:tabular-nums}.btn{background:#242629;border-color:#3e4143;border-radius:3px}.btn:hover{border-color:#b93c3f}.btn-primary{background:#ad3035;color:white;border-color:#ad3035}.btn-primary:hover{background:#d0474b;border-color:#d0474b}.nav button.active{background:#692023;color:#f9e8e8;border-color:#8f2d32}.nav button.active .nav-icon{color:white}.nav button:hover{background:#272123}.nav button{border-radius:3px}.brand-mini{width:47px;height:52px;object-fit:contain;filter:contrast(1.1)}.brand-name{color:#d24549;font-size:14px;letter-spacing:.055em}.brand-caption{color:#9b9b9b}.status-dot{background:#bd373c;box-shadow:0 0 10px #b62f3a66}.bar-fill{background:linear-gradient(90deg,#7b262c,#d95055)}.badge.green{color:#a5c8ac;border-color:#395342;background:#17241c}.badge{color:#d4a1a1;background:#291b1d;border-color:#573235}.group-card:before{background:#b73338}.group-code{color:#d35a5d}.panel-head,.group-metrics,th,td{border-color:#333537}th{background:#161718}td{color:#c8c8c8}tbody tr:hover{background:#222427}.primary-cell{color:#f1f0ee}.login-visual{background:radial-gradient(ellipse at 50% 35%,#29292a,#151516 70%),repeating-linear-gradient(0deg,transparent 0,transparent 3px,#ffffff03 4px);padding:38px 6vw}.login-skull{width:min(480px,85%);max-height:62vh;object-fit:contain;align-self:center;mix-blend-mode:lighten;image-rendering:auto;filter:contrast(1.15)}.login-title{font-size:clamp(16px,2vw,25px);letter-spacing:.14em;color:#e3e3e1;line-height:1.4}.login-card-wrap{background:#141516}.login-card{background:#191b1de8}.login-sub{display:none}.visual-foot{color:#9e9e9e}.login-screen .brand{padding:0}.login-screen .brand-name{font-size:15px}.login-screen .brand-caption{font-size:10px}.daychart{display:flex;gap:6px;align-items:flex-end;min-height:185px;overflow-x:auto;padding:14px 4px}.daycol{flex:1;min-width:30px;max-width:90px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:9px;height:175px}.daybar{width:70%;min-height:4px;background:linear-gradient(0deg,#792329,#d04a4e);border:1px solid #b83b40}.daycol small{color:#9b9b9b;font:10px var(--mono)}.integration-form{padding:15px;border:1px solid #36383a;margin:12px 0}.integration-form h3{display:flex;align-items:center;gap:12px}input,select,textarea{background:#121314;border-color:#444}.modal{background:#191a1c;border-color:#525252;border-radius:4px}.empty{border-color:#494949}.section-note{color:#aaa}.warning-box{background:#271f1f;border-color:#5a3b3b;color:#deb6b6}
@media(max-width:760px){.login-skull{max-height:270px}.login-visual{min-height:340px}.login-title{font-size:16px}.login-screen .brand{display:none}}

/* Concert operations workspace */
.op-stages{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.op-stage{padding:8px 11px;border:1px solid #343941;background:#191b20;color:#9399a1;font-size:11px;letter-spacing:.02em}.op-stage.current{background:#842d30;border-color:#b33e42;color:#fff}.op-stage.done{border-color:#7a4141;color:#d6b0b0}.op-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.op-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#9fa4aa}.op-form input,.op-form select,.op-select{background:#111419;color:#eaeaea;border:1px solid #394048;border-radius:4px;padding:11px;min-width:130px}.op-select{width:100%;max-width:540px}.op-task{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #31343a;padding:12px 0}.op-task:last-child{border-bottom:0}.op-task strong{font-size:13px}@media(max-width:720px){.op-task{align-items:flex-start;flex-direction:column}.op-form{display:grid;grid-template-columns:1fr}.op-form input,.op-form select{width:100%}}

.sidebar-close,.sidebar-backdrop{display:none}
@media(max-width:760px){
 body.menu-open{overflow:hidden}
 .sidebar{z-index:80;overflow-y:auto;max-width:calc(100vw - 52px)}
 .sidebar-close{display:flex;position:absolute;right:12px;top:12px;min-width:36px;min-height:36px;align-items:center;justify-content:center}
 .sidebar .brand{padding-right:34px}
 .sidebar-backdrop.visible{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.65);border:0;border-radius:0;cursor:pointer}
 .sidebar-backdrop[hidden]{display:none}
 .demo-strip{z-index:50}
}