@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
@font-face{font-family:"Alyamama";src:url("../fonts/Alyamama.woff2") format("woff2");font-display:swap}
:root{--bg:#f4efe3;--paper:#fffdf8;--paper2:#f8f4ea;--ink:#111;--muted:#6f6a60;--line:#111;--yellow:#f3c900;--red:#8a1f1f;--green:#0f765d;--blue:#2f579f;--soft:#ebe4d7;--shadow:6px 6px 0 #111}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Alyamama","Cairo",Tahoma,sans-serif;background:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px),var(--bg);background-size:28px 28px}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%}.hidden{display:none!important}.container{width:min(1400px,calc(100% - 28px));margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(244,239,227,.96);border-bottom:2px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:9px;font-weight:800}.logo{width:56px;height:56px}.logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 3px 0 rgba(17,17,17,.2))}.brand small{display:block;color:var(--muted);font-size:10px}.public-nav{display:flex;gap:7px;align-items:center}.public-nav a{border:2px solid var(--line);background:#fff;padding:8px 11px;font-size:11px;font-weight:800}.public-nav a:hover,.public-nav a.active{background:#111;color:#fff}
.panel{background:var(--paper);border:2px solid var(--line);box-shadow:var(--shadow)}.cardpad{padding:16px}.badge{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);background:#fff;padding:7px 10px;font-size:11px;font-weight:800}.badge.live{background:var(--red);color:#fff}.badge.free{background:#dff7ed}.badge.paid{background:#fff1b9}.badge.cert{background:#e4ebff}
.btn{border:2px solid var(--line);background:#fff;padding:10px 14px;font-weight:800;box-shadow:3px 3px 0 var(--line);display:inline-flex;justify-content:center;align-items:center;gap:7px}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.btn.primary{background:var(--yellow)}.btn.dark{background:#111;color:#fff}.btn.green{background:#dff7ed}.btn.red{background:#ffe3e3}.btn.full{width:100%}.btn.small{padding:6px 9px;font-size:10px}
.muted{color:var(--muted);font-family:"Cairo";font-size:12px}.page{padding:20px 0 44px}.section-title{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:14px}.section-title h1,.section-title h2,.section-title h3{margin:0}.field{margin-top:12px}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:2px solid var(--line);background:#fff;padding:11px;outline:none}.field textarea{min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{background:#fffbea}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.stat{padding:14px;background:#fff;border:2px solid var(--line);box-shadow:3px 3px 0 var(--line)}.stat small{font:600 10px "Cairo";color:var(--muted)}.stat strong{display:block;font:800 28px "Cairo";margin-top:2px}.notice{border:2px solid var(--line);background:#fff7c9;padding:12px;font:12px/1.8 "Cairo"}.alert{border:2px solid #111;padding:11px;background:#fff;font:12px/1.7 "Cairo";margin:10px 0}.alert.error{background:#ffe3e3}.alert.ok{background:#dff7ed}.progress{height:9px;border:1.5px solid var(--line);background:#eee}.progress i{display:block;height:100%;background:var(--green)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px 9px;border-bottom:1px solid #d8d2c8;text-align:right;font:11px "Cairo";white-space:nowrap}th{background:#efe9dc;font-weight:800}.status{display:inline-block;border:1.5px solid var(--line);padding:4px 7px;font-size:10px;font-weight:800}.status.ok{background:#dff7ed}.status.wait{background:#fff1b9}.status.off{background:#eee}.status.bad{background:#ffe3e3}
.footer{margin-top:40px;border-top:2px solid var(--line);padding:18px 0 28px;font:11px "Cairo";color:var(--muted)}.brand-logo-full{width:min(330px,78vw);display:block;object-fit:contain;margin-bottom:16px;filter:drop-shadow(5px 7px 0 rgba(17,17,17,.1))}
.drawer{position:fixed;inset:auto 0 0 0;background:var(--paper);border-top:2px solid var(--line);z-index:300;max-height:78vh;overflow:auto;padding:14px;transform:translateY(105%);transition:.25s ease}.drawer.open{transform:translateY(0)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:299;display:none}.overlay.open{display:block}.modal{position:fixed;inset:0;background:rgba(0,0,0,.60);z-index:400;display:grid;place-items:center;padding:16px}.modalbox{width:min(600px,100%);background:var(--paper);border:2px solid var(--line);box-shadow:10px 10px 0 var(--yellow);padding:16px}
.lucide{width:18px;height:18px;stroke-width:1.9;vertical-align:middle;flex:0 0 auto}.btn .lucide{width:16px;height:16px}
@keyframes seatIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onlinePulse{0%,100%{box-shadow:0 0 0 0 rgba(15,118,93,.35)}50%{box-shadow:0 0 0 6px rgba(15,118,93,0)}}@keyframes raisedPulse{0%,100%{box-shadow:4px 4px 0 #111,0 0 0 0 rgba(243,201,0,.35)}50%{box-shadow:4px 4px 0 #111,0 0 0 8px rgba(243,201,0,0)}}@keyframes wave{0%,100%{transform:rotate(0)}25%{transform:rotate(12deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
.seat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px}.person-seat{position:relative;min-height:84px;border:2px solid var(--line);background:#fff;padding:9px;display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;box-shadow:3px 3px 0 #111;animation:seatIn .38s ease both;transition:.18s;overflow:hidden}.person-seat:hover{transform:translateY(-2px);box-shadow:5px 5px 0 #111}.person-seat.raised{background:#fff8d5;animation:seatIn .38s ease both,raisedPulse 2s ease-in-out infinite}.person-seat.speaking{background:#e5f7ef;border-color:#0f765d}.avatar-neutral{width:48px;height:48px;border-radius:50%;border:2px solid #111;background:radial-gradient(circle at 50% 34%,#c9c9c9 0 17%,transparent 18%),radial-gradient(ellipse at 50% 82%,#9f9f9f 0 34%,transparent 35%),linear-gradient(135deg,#f6f6f6,#d9d9d9);position:relative}.avatar-neutral::after{content:"";position:absolute;left:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#0f765d;border:2px solid #fff;animation:onlinePulse 1.8s ease-in-out infinite}.seat-name{display:flex;align-items:center;gap:5px;font-weight:800;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-meta{margin-top:2px;font:9px "Cairo";color:var(--muted)}.seat-status{display:inline-flex;align-items:center;gap:4px;font:800 8px "Cairo";margin-top:5px}.status-dot{width:6px;height:6px;border-radius:50%;background:#0f765d}.raise-flag{position:absolute;left:6px;top:5px;width:27px;height:27px;border:2px solid #111;background:var(--yellow);display:grid;place-items:center}.raise-flag .lucide{width:15px;height:15px;animation:wave 1.2s ease-in-out infinite;transform-origin:70% 80%}
@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:820px){.grid2,.grid3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.section-title{align-items:flex-start;flex-direction:column}.public-nav{overflow:auto;max-width:58vw}.public-nav a{white-space:nowrap}}@media(max-width:560px){.container{width:min(100% - 16px,1400px)}.nav{min-height:62px}.logo{width:46px;height:46px}.public-nav{max-width:55vw}.public-nav a{padding:7px 9px}.stats{grid-template-columns:1fr 1fr}.seat-list{grid-template-columns:1fr 1fr;padding:8px;gap:7px}.person-seat{grid-template-columns:40px 1fr;min-height:72px;padding:7px}.avatar-neutral{width:40px;height:40px}.seat-name{font-size:10px}.brand-logo-full{width:min(260px,76vw)}}