@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{font-family:IBM Plex Sans,sans-serif;background:#f0f4f8;color:#1a2540;-webkit-font-smoothing:antialiased;min-height:100%;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#e8edf4}::-webkit-scrollbar-thumb{background:#00b5d8;border-radius:3px}.pf{font-family:Playfair Display,serif!important}.mono{font-family:IBM Plex Mono,monospace!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.7)}}@keyframes panBg{0%{transform:scale(1.08) translate(0)}to{transform:scale(1.08) translate(-1.5%,-.5%)}}@keyframes slideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes liveGlow{0%,to{box-shadow:0 0 14px #ce112640}50%{box-shadow:0 0 28px #ce112680}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:6px;border:none;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all .22s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#002d62,#0d2157);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0d2157,#1b3a8a);transform:translateY(-2px);box-shadow:0 8px 24px #002d6252}.btn-cyan{background:linear-gradient(135deg,#00b5d8,#0090ad);color:#fff}.btn-cyan:hover{background:linear-gradient(135deg,#00c8ee,#00b5d8);transform:translateY(-2px);box-shadow:0 8px 24px #00b5d861}.btn-red{background:linear-gradient(135deg,#ce1126,#a00d1e);color:#fff;animation:liveGlow 2.5s ease-in-out infinite}.btn-red:hover{transform:translateY(-2px)}.btn-outline{background:#fff;color:#0d2157;border:1.5px solid #CBD5E0}.btn-outline:hover{border-color:#00b5d8;color:#00b5d8;background:#00b5d80d}.btn-sm{padding:8px 16px!important;font-size:11px!important}.btn-xs{padding:5px 11px!important;font-size:10px!important}.btn-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:13px;transition:all .18s}.glass{background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,45,98,.09);border-radius:12px;box-shadow:0 2px 12px #002d620f}.card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 6px #002d620f;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-3px);border-color:#00b5d852;box-shadow:0 10px 32px #002d621f}.stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:20px;position:relative;overflow:hidden;box-shadow:0 2px 10px #002d620f;transition:transform .2s,box-shadow .2s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#002d62,#00b5d8,#002d62)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px #002d621f}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.tag-cyan{background:#00b5d81a;color:#0090ad;border:1px solid rgba(0,181,216,.28)}.tag-navy{background:#002d6214;color:#002d62;border:1px solid rgba(0,45,98,.2)}.tag-green{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.28)}.tag-red{background:#ce112617;color:#ce1126;border:1px solid rgba(206,17,38,.22)}.tag-gold{background:#b482281a;color:#92670e;border:1px solid rgba(180,130,40,.26)}.tag-live{background:#ce1126;color:#fff;border:none;animation:liveGlow 2.5s ease-in-out infinite}.input{width:100%;background:#fff;border:1.5px solid #CBD5E0;border-radius:7px;color:#1a2540;padding:10px 13px;font-family:IBM Plex Sans,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#00b5d8;outline:none;box-shadow:0 0 0 3px #00b5d81f}.input::placeholder{color:#a0aec0}.input option{background:#fff;color:#1a2540}.label{font-family:IBM Plex Mono,monospace;font-size:9px;color:#0090ad;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:6px;font-weight:600}.form-group{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{background:#f7fafc;color:#002d62;font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:9px;padding:12px 16px;text-align:left;border-bottom:2px solid #E2E8F0;white-space:nowrap}.table td{padding:11px 16px;border-bottom:1px solid #EDF2F7;color:#1a2540;vertical-align:middle;font-size:13px}.table tr:hover td{background:#00b5d80a}.live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;display:inline-block;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00143c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.modal-box{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 24px 64px #002d622e;padding:clamp(24px,4vw,36px);width:100%;max-width:600px;max-height:92vh;overflow-y:auto;animation:fadeUp .3s ease}.modal-box-sm{max-width:420px}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;border-radius:10px;padding:13px 18px;font-size:13px;display:flex;align-items:center;gap:10px;animation:fadeUp .3s ease;max-width:340px;box-shadow:0 10px 36px #002d6233}.cpill{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap;font-family:IBM Plex Sans,sans-serif;background:#fff;color:#64748b;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}.cpill:hover{border-color:#00b5d8;color:#00b5d8}.progress-track{height:4px;background:#e2e8f0;border-radius:3px}.progress-fill{height:100%;border-radius:3px;transition:width 1s ease}.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ga{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.spinner{width:30px;height:30px;border:3px solid rgba(0,181,216,.18);border-top-color:#00b5d8;border-radius:50%;animation:spin .7s linear infinite}.divider{height:1px;background:#e2e8f0;margin:8px 0}.page-header{background:linear-gradient(135deg,#002d62,#0d2157,#003580);padding:clamp(40px,6vw,70px) clamp(16px,5vw,52px);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.page-header *{position:relative;z-index:1}@media (max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr!important}}@media (max-width:640px){.g2,.g3,.g4,.form-row{grid-template-columns:1fr!important}.mob-hide{display:none!important}}@media (min-width:641px){#hamburger-btn{display:none!important}}@media (max-width:640px){#hamburger-btn{display:flex!important}}.cr-viewport{position:relative;width:100%;height:clamp(400px,52vh,520px);overflow:hidden}.cr-track{display:flex;width:100%;height:100%;transition:transform .9s cubic-bezier(.77,0,.175,1)}.cr-slide{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}.cr-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.cr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#020810fa 30%,#020810d1 55%,#0208101a)}.cr-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,181,216,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,181,216,.015) 1px,transparent 1px);background-size:55px 55px;pointer-events:none}.cr-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;padding:0 clamp(24px,6vw,80px);gap:32px}.cr-left{max-width:640px;flex:1}.cr-right{flex:0 0 45%;display:flex;align-items:center;justify-content:center;height:100%;padding:28px 0}.cr-img-panel{max-width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(0,181,216,.18);box-shadow:0 8px 40px #00000080;position:relative;line-height:0}.cr-img-panel img{display:block;width:auto;height:auto;max-width:100%;max-height:340px}.cr-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0d215799,#020810cc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.cr-arrows button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0208106b;border:1px solid rgba(0,181,216,.17);border-radius:50%;width:40px;height:40px;color:#edf2ff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;line-height:1}.cr-arrows button:hover{background:#00b5d833;border-color:#00b5d8}.cr-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10}.cr-dot{height:3px;border-radius:2px;border:none;cursor:pointer;transition:all .35s}.cd-wrap{display:flex;align-items:flex-start;gap:clamp(6px,1.2vw,14px)}.cd-unit{display:flex;flex-direction:column;align-items:center;min-width:clamp(38px,4.5vw,54px)}.cd-num{font-family:Playfair Display,serif;font-size:clamp(26px,4vw,48px);font-weight:900;line-height:1;color:#fff}.cd-lbl{font-family:IBM Plex Mono,monospace;font-size:clamp(7px,.75vw,9px);letter-spacing:.2em;color:#edf2ff4d;text-transform:uppercase;margin-top:4px}.cd-sep{font-family:Playfair Display,serif;font-size:clamp(22px,3.2vw,42px);font-weight:900;color:#00b5d8;opacity:.4;align-self:flex-start;margin-top:2px;line-height:1}@media (max-width:768px){.cr-content{grid-template-columns:1fr!important;padding:0 20px!important}.cr-right,.cr-arrows{display:none!important}.cd-num{font-size:28px!important}.cd-sep{font-size:22px!important}.cd-unit{min-width:38px!important}}@media (max-width:480px){.cr-arrows button{width:30px;height:30px;font-size:14px}.cr-viewport{height:clamp(360px,70vw,420px)}}.admin-wrap{display:flex;min-height:100vh;background:#f0f4f8}.sidebar{width:230px;background:linear-gradient(175deg,#002d62,#0d2157 60%,#001a3d);border-right:none;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s;box-shadow:4px 0 20px #002d622e}.sidebar-logo{padding:18px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026}.sidebar-nav{padding:12px 10px;flex:1;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sidebar-foot{padding:10px;border-top:1px solid rgba(255,255,255,.06)}.sl{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:8px;color:#ffffff85;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;background:none;border:none;width:100%;text-align:left;font-family:IBM Plex Sans,sans-serif}.sl:hover{background:#ffffff1a;color:#fff}.sl.active{background:#00b5d833;color:#fff;border-left:3px solid #00B5D8;padding-left:10px;font-weight:600}.sl-icon{font-size:15px;flex-shrink:0;opacity:.8}.admin-main{flex:1;min-width:0;margin-left:230px;min-height:100vh;background:#f0f4f8}.admin-topbar{height:56px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 6px #002d620f;display:flex;align-items:center;padding:0 clamp(16px,2.5vw,28px);justify-content:space-between;position:sticky;top:0;z-index:40}.admin-content{padding:clamp(18px,2.8vw,30px)}.sec-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap;gap:10px}.sec-title{font-family:Playfair Display,serif;font-size:clamp(20px,2.8vw,28px);font-weight:800;color:#002d62}.sec-sub{color:#4a5568;font-size:13px;margin-top:4px}.feed-item{display:flex;gap:9px;padding:8px 10px;border-radius:6px;background:#f7fafc;border:1px solid #EDF2F7;animation:fadeIn .3s ease}.feed-dot{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0}.agenda-admin-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:14px 16px;transition:box-shadow .2s;box-shadow:0 1px 4px #002d620d}.agenda-admin-card:hover{box-shadow:0 4px 16px #002d621a}.agenda-admin-card.live{border-color:#ce11264d;background:#ce112605}.agenda-admin-card .date-box{text-align:center;min-width:46px;background:#f7fafc;border:1px solid #E2E8F0;border-radius:8px;padding:8px 6px;flex-shrink:0}.ind-row{padding:10px 0;border-bottom:1px solid #EDF2F7}.ind-row:last-child{border-bottom:none}.stat-card{background:#fff!important;border:1px solid #E2E8F0!important}.glass{background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 2px 10px #002d620f!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.progress-track{background:#edf2f7!important}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#718096;margin-bottom:18px}.breadcrumb-sep{color:#cbd5e0}.breadcrumb-cur{color:#002d62;font-weight:600}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00143c73;z-index:99}@media (max-width:1100px){.admin-main{margin-left:0!important}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}
