@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#0c1622;--border:#213447;--muted:#a8b8cf;--purple:#8062ff;--green:#3fea79}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 0%,#192737,var(--bg) 65%);color:#f5f7ff;font:14px Inter,Arial,sans-serif}a{color:#56a4ff}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #405673;border-radius:8px;background:#192939;color:inherit;padding:10px 14px}button:hover{background:#263e56}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9b85ff;outline-offset:3px}input,select{background:#0e1b29;border:1px solid #405673;border-radius:7px;color:inherit;padding:10px;min-width:0}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:linear-gradient(#060e17,#0e1828);border-right:1px solid #1b2b3d;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:15px;padding:25px 20px;color:white;text-decoration:none;font-size:29px;font-weight:700}.brand small{display:block;font-size:12px;font-weight:400;margin-top:7px}.wave{font-size:29px;color:#9762ff;letter-spacing:-3px}.purple{color:var(--purple)}.green{color:var(--green)}.blue{color:#6bb8ff}.cyan{color:#54ddef}.amber{color:#ffad37}nav{padding:12px 15px;display:grid;gap:10px}nav button{display:flex;align-items:center;gap:25px;background:none;border:0;font-size:23px;text-align:left;padding:15px 20px}nav button span{font-size:15px}nav button.selected{background:linear-gradient(110deg,#342282,#2a2562);border-left:3px solid #8d42ff}.concert-art{flex:1;min-height:140px;background:linear-gradient(0deg,#080e18 0%,transparent 60%),url('../../assets/tourwatch/monitoring-dashboard.png') left bottom/1430px auto;position:relative;overflow:hidden}.concert-art p{position:absolute;top:20%;left:45px;font-size:30px;font-style:italic;transform:rotate(-13deg);text-shadow:0 2px 6px #000}.concert-art p span{margin-left:20px}.back{padding:16px 22px;font-size:12px;color:var(--muted);text-decoration:none}main{margin-left:255px;padding:22px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}h1{font-size:34px;letter-spacing:-1px;margin:0 0 6px}header p{font-size:18px;color:var(--muted);margin:0}.header-status{display:flex;align-items:center;gap:25px;color:var(--muted)}time,.header-status small{display:block;margin-top:6px;font-size:12px}.header-status time{color:#acd8ff}.header-status strong{color:var(--green);font-size:14px}.danger{border-color:#ff5266;color:#ff5266;white-space:nowrap;padding:16px 22px}.connection{padding:10px 14px;border:1px solid #294564;border-radius:8px;color:#a9c8eb;background:#122035;margin-bottom:16px;font-size:12px}.connection.live{color:var(--green);border-color:#226345}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metrics article{border-radius:11px;background:linear-gradient(120deg,#1b2c3d,#1b2838);padding:20px 14px;display:flex;gap:18px;align-items:flex-start}.metric-icon{font-size:33px;background:#173848;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;flex-shrink:0}.metric-icon.amber{background:#35302a}.metrics strong{font-size:29px}.metrics p{color:#c4d4ec;margin:5px 0 12px}.metrics small{color:var(--green);font-size:11px}.monitor-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{border:1px solid var(--border);background:linear-gradient(120deg,#142130,#101b27);border-radius:11px;overflow:hidden}.panel-heading{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--border)}h2{margin:0;font-size:16px}h2>span{margin-right:12px;font-size:23px}.panel-heading>span{color:var(--muted);font-size:12px}.switch{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}input[type=checkbox]{accent-color:#794aff;width:32px;height:20px}.logs{font:12px/2.1 'JetBrains Mono',monospace;background:#0a1520;padding:10px 18px;height:235px;overflow:auto}.log-line{display:grid;grid-template-columns:70px 65px 1fr;gap:10px;overflow-wrap:anywhere}.log-time{color:#b5c0d2}.tag-info{color:#64b2ff}.tag-new{color:var(--green)}.tag-db{color:#a175ff}.tag-email{color:#ffb12d}.tag-error{color:#ff6679}.status{display:grid;grid-template-columns:105px minmax(0,1fr);gap:13px 8px;padding:0 18px;font-size:12px;margin:18px 0}.status dt{color:var(--muted)}.status dd{margin:0;overflow-wrap:anywhere}.bottom-grid{display:grid;grid-template-columns:1.43fr 1fr;gap:16px}.charts{display:grid;gap:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:#b8c6db;font-weight:400;font-size:12px}td,th{padding:13px 18px;border-bottom:1px solid #1d2f40}td{font-size:12px}tbody tr:last-child td{border:0}tbody tr:hover{background:#1b2b3b}.artist-cell{display:flex;align-items:center;gap:12px}.avatar{height:38px;width:38px;background:linear-gradient(150deg,#44276c,#103442);display:grid;place-items:center;font-size:18px;border-radius:5px;color:#d6c6ff}.badge{border-radius:18px;padding:5px 12px;color:#a2d5ff;background:#1a3b60;font-size:11px}.badge.new{background:#1a503c;color:#81ffb7}.text-button{border:0;background:none;color:#569cff;padding:0;font-size:12px}.months{display:flex;align-items:flex-end;gap:12px;padding:24px 18px 28px;height:175px;background:repeating-linear-gradient(to top,transparent 0 31px,#192b3d 32px 33px);margin:0 15px 12px}.bar-column{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar{width:100%;max-width:75px;background:linear-gradient(110deg,#7987ff,#6251f8);border-radius:4px 4px 0 0;min-height:2px}.bar-column span{font-size:11px;padding-bottom:5px}.bar-column small{position:absolute;top:calc(100% + 7px);color:#b8c6db;font-size:10px}.artists{padding:12px 18px;display:grid;gap:10px}.artist-bar{display:grid;grid-template-columns:125px 1fr 30px;gap:10px;font-size:12px;align-items:center}.artist-bar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track{height:16px;background:#1b2c3e;border-radius:4px;overflow:hidden}.track i{display:block;background:linear-gradient(90deg,#8275ff,#6555ff);height:100%;border-radius:4px}.form-panel{padding:25px;max-width:900px}.form-panel p{color:var(--muted);line-height:1.7}.form-panel h2{font-size:22px}.form-panel h3{font-size:15px;margin-top:30px}form{display:grid;gap:18px;max-width:600px;margin-top:24px}form label{display:grid;gap:8px;color:var(--muted)}form button{background:#6346cf}.secondary{background:transparent!important}code{color:#a9caff;font-size:12px;overflow-wrap:anywhere}.filters{display:flex;align-items:center;gap:15px;padding:20px}.filters input{flex:1}.filters span{color:var(--muted);font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px}.empty{color:var(--muted);text-align:center;padding:30px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:#15293c;padding:15px}[hidden]{display:none!important}@media(max-width:1150px){.sidebar{width:200px}.brand{font-size:22px;padding:24px 14px}.wave{font-size:22px}main{margin-left:200px;padding:18px}header{align-items:flex-start;flex-direction:column}.header-status{width:100%;justify-content:space-between}.metrics{gap:10px}.metrics article{gap:8px;padding:15px 10px}.metric-icon{width:40px;height:40px;font-size:25px}.metrics strong{font-size:25px}.monitor-grid,.bottom-grid{grid-template-columns:1fr}.charts{grid-template-columns:1fr 1fr}.concert-art{background-size:1100px auto}.artist-bar{grid-template-columns:90px 1fr 25px}}@media(max-width:700px){.sidebar{position:static;width:100%;border-right:0}.brand{padding:16px 20px}.brand small{display:none}nav{display:flex;overflow:auto;gap:4px;padding:5px 10px}nav button{gap:7px;padding:10px;font-size:18px;white-space:nowrap}nav button span{font-size:12px}.concert-art,.back{display:none}main{margin-left:0;padding:16px}h1{font-size:28px}header p{font-size:14px}.header-status{gap:10px;font-size:11px;flex-wrap:wrap}.danger{padding:10px;font-size:12px}.metrics{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.metrics p{font-size:12px}.metrics small{font-size:10px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.log-line{grid-template-columns:60px 52px 1fr;gap:5px}.logs{padding:10px;font-size:10px}.panel-heading{padding:13px}h2{font-size:14px}.form-panel{padding:18px}.artist-bar{grid-template-columns:110px 1fr 25px}}
/* Keep the brand and event summaries within their panels. */
.wave{font-size:0;width:42px;min-width:42px;height:44px;background:linear-gradient(90deg,transparent 0 5%,#9560ff 5% 13%,transparent 13% 23%,#9560ff 23% 31%,transparent 31% 41%,#9560ff 41% 49%,transparent 49% 59%,#9560ff 59% 67%,transparent 67% 77%,#9560ff 77% 85%,transparent 85%);clip-path:polygon(0 40%,20% 40%,20% 20%,40% 20%,40% 0,60% 0,60% 20%,80% 20%,80% 40%,100% 40%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0 60%)}
.brand{gap:12px;font-size:28px}.concert-art p{display:none}.bottom-grid table{table-layout:fixed}.bottom-grid th:nth-child(1){width:7%}.bottom-grid th:nth-child(2){width:34%}.bottom-grid th:nth-child(3){width:24%}.bottom-grid th:nth-child(4){width:22%}.bottom-grid th:nth-child(5){width:13%}.bottom-grid td,.bottom-grid th{padding:13px 10px}.bottom-grid td{overflow:hidden;text-overflow:ellipsis}.artist-cell strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.avatar{flex-shrink:0}.bottom-grid .badge{padding:5px 8px}.bottom-grid table{min-width:610px}@media(max-width:1150px) and (min-width:701px){.brand{font-size:22px;gap:8px}.wave{width:30px;min-width:30px}}@media(max-width:700px){.brand{font-size:24px}}
.region-controls{display:flex;align-items:center;gap:12px;padding:0 0 18px;flex-wrap:wrap}.region-controls label{color:#b8c6db}.region-controls button{background:#6044c9}.region-controls span{font-size:12px;color:#9eafc5}@media(max-width:700px){.region-controls select{flex:1}.region-controls span{width:100%}}
.sidebar{transition:transform .25s ease}main{transition:margin-left .25s ease}.sidebar-toggle{position:fixed;left:243px;top:95px;z-index:30;width:30px;height:36px;padding:0;border:1px solid #6651b8;background:#332269;color:#fff;box-shadow:0 3px 12px #0005;font-size:26px;line-height:1}.sidebar-collapsed .sidebar{transform:translateX(-100%);pointer-events:none}.sidebar-collapsed main{margin-left:0;padding-left:54px}.sidebar-collapsed .sidebar-toggle{left:12px;top:24px;font-size:19px}@media(max-width:1150px) and (min-width:701px){.sidebar-toggle{left:188px}}@media(max-width:700px){.sidebar-toggle{left:12px;top:16px;font-size:22px}.sidebar .brand{padding-left:54px}.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed main{padding-left:16px}.sidebar-collapsed header{padding-left:42px}.sidebar-collapsed .sidebar-toggle{top:16px}}@media(prefers-reduced-motion:reduce){.sidebar,main{transition:none}}