:root{
  --bg:#041714;
  --panel:#061f1b;
  --panel2:#0a302a;
  --text:#f4f3df;
  --muted:#9dbbb3;
  --line:#185f59;
  --lime:#78cf59;
  --lime2:#429b4e;
  --orange:#f0c64c;
  --red:#d51f58;
  --water:#35d2cf;
}

body{
  background:
    radial-gradient(circle at 8% 5%,rgba(23,200,244,.16),transparent 27%),
    radial-gradient(circle at 90% 8%,rgba(114,233,29,.13),transparent 30%),
    linear-gradient(155deg,#07101c 0%,#030811 65%,#08131f 100%);
}

body::before{
  content:"";position:fixed;inset:68px 0 auto auto;width:min(42vw,520px);height:min(42vw,520px);
  background:url('/osiris-logo.png') center/contain no-repeat;opacity:.035;filter:saturate(1.2);pointer-events:none;z-index:-1;
}

.topbar{background:rgba(4,11,19,.9);border-bottom-color:rgba(23,200,244,.24);box-shadow:0 8px 32px rgba(0,0,0,.24)}
.brand{font-size:18px;letter-spacing:.01em}.brand strong{color:var(--orange);font-weight:900}.brand-logo{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}
.status-dot{background:var(--lime);box-shadow:0 0 14px var(--lime)}
.access-card,.timer-card,.obs-card,.tab-panel,.admin-panel{border-color:rgba(23,200,244,.24);background:linear-gradient(145deg,rgba(16,35,56,.96),rgba(7,17,29,.98));box-shadow:0 24px 70px rgba(0,0,0,.34)}
.access-card{position:relative;overflow:hidden}.access-card::after{content:"";position:absolute;right:-42px;bottom:-58px;width:210px;height:210px;background:url('/osiris-logo.png') center/contain no-repeat;opacity:.11;pointer-events:none}
.eyebrow{color:var(--water)}
.primary{background:linear-gradient(135deg,var(--orange),#ffdc42);border-color:#ffd044;color:#351300;box-shadow:0 8px 24px rgba(255,181,26,.18)}
.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffc12e,#ffe45c);border-color:#ffe45c}
input:focus,select:focus{border-color:var(--water);box-shadow:0 0 0 3px rgba(23,200,244,.13)}
.tabs{background:#06101b;border-color:rgba(23,200,244,.2)}.tabs button.active{color:var(--orange);border-color:rgba(255,181,26,.28);background:linear-gradient(145deg,rgba(255,181,26,.09),rgba(23,200,244,.05))}
.tag,.user-chip{color:var(--lime);border-color:rgba(114,233,29,.28);background:rgba(114,233,29,.08)}
.timer-card{background:radial-gradient(circle at 88% 12%,rgba(114,233,29,.1),transparent 30%),linear-gradient(145deg,#10263b,#07131f)}
.obs-card{background:radial-gradient(circle at 90% 15%,rgba(255,181,26,.12),transparent 35%),linear-gradient(145deg,#102238,#07131f)}
.timer-top>span:first-child{color:var(--water)}
.platform{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.25)}
.toast{background:linear-gradient(135deg,#fff4c4,#dfffc8);color:#102011}
@media(max-width:560px){.brand-logo{width:42px;height:42px}.brand{font-size:16px}}