*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}a{text-decoration:none;color:inherit}.navbar{background:#f49307}.nav-logo-img{height:80px}.nav-brand-text{color:#fff;font-size:13px;opacity:.9}.nav-links{display:flex;gap:4px}.nav-link{color:#fffc;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s}.nav-link:hover{background:#ffffff26;color:#fff}.nav-link.active{background:#ffffff40;color:#fff}@font-face{font-family:KhmerMool;src:url(./KHMMOOL-D090FAG7.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}.lottery-page{min-height:100vh;background:#fff}.lottery-header{background:linear-gradient(135deg,#f7941d,#f15a24);padding:12px 24px;display:flex;align-items:center}.logo-area{display:flex;align-items:center;gap:12px}.logo-circle{width:56px;height:56px;background:#f7941d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #fff}.logo-text{color:#fff;font-size:12px;font-weight:700;line-height:1}.logo-khmer{color:red;font-size:14px;font-weight:700;font-family:Moul,cursive;line-height:1}.logo-subtitle{color:#fff;font-size:12px;opacity:.9}.page-title{font-size:35px;font-weight:700;text-align:center;color:#000;text-transform:uppercase;margin:15px 0 20px;padding-top:10px;font-family:Hanuman,Battambang,sans-serif;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-selector{display:flex;align-items:center;justify-content:center;gap:0}.date-nav{background:none;color:#fff;border:none;width:32px;height:34px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;padding:0}.date-nav:first-child{border-radius:4px 0 0 4px}.date-nav:last-child{border-radius:0 4px 4px 0}.date-nav:hover{background:none}.nav-icon{width:18px;height:18px;object-fit:contain}.date-input{font-size:18px;font-weight:600;padding:0;border:1px solid #ccc;text-align:center;background:#fff;height:28px;width:120px;border-radius:4px;box-shadow:inset 0 1px 1px #00000013;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;cursor:pointer}.date-input::-webkit-calendar-picker-indicator{display:none}.date-input::-webkit-inner-spin-button{display:none}.results-container{margin:0 auto;padding:16px 0 0;border:1px solid #ddd}.results-title{text-align:center;color:#610304;font-size:24px;font-family:KhmerMool,Battambang,cursive;margin-bottom:20px}.date-display{font-family:KhmerMool,Battambang,cursive;font-size:22px;border-radius:8px 8px 0 0}.results-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #00000014}.results-table th{color:#000;padding:12px 16px;font-weight:700;font-size:19px;text-align:center;border:1px solid #ddd}.results-table td{padding:12px 16px;text-align:center;border:1px solid #eee;font-size:19px}.results-table tbody tr:nth-child(2n){background:#bbbbbb21}.results-table tbody tr:hover{background:#cecece7c}.time-cell{font-weight:700;color:#333}.number-cell{font-weight:600;color:#000;font-size:16px;letter-spacing:1px;padding:8px 4px!important}.digit-row{display:flex;justify-content:center;gap:4px}.dg{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:15px;font-weight:700;color:#fff;font-family:Courier New,monospace;box-shadow:0 2px 4px #00000026}.dg-a{background:linear-gradient(135deg,#ef4444,#dc2626)}.dg-b{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dg-c{background:linear-gradient(135deg,#f59e0b,#d97706)}.dg-d{background:linear-gradient(135deg,#22c55e,#16a34a)}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:60px 0}.loading-gif{width:48px;height:48px}.no-data{text-align:center;padding:60px 0;color:#999;font-size:16px}.date-input-wrap{position:relative}.cal-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:100;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026;width:260px;padding:8px;margin-top:4px}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.cal-drag{cursor:move;-webkit-user-select:none;user-select:none}.cal-nav{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 6px;color:#333;font-weight:700}.cal-nav:hover{color:#f7941d}.cal-title{font-weight:700;font-size:14px;font-family:Battambang,sans-serif}.cal-subtitle{text-align:center;font-size:12px;color:#666;margin-bottom:6px;font-family:Battambang,sans-serif}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:1px}.cal-head{font-size:12px;font-weight:700;padding:4px 0;color:#333;font-family:Battambang,sans-serif}.cal-head.cal-sun,.cal-head.cal-sat{color:#d9534f}.cal-cell{font-size:13px;padding:5px 0;cursor:pointer;border-radius:2px}.cal-cell:hover{background:#f0f0f0}.cal-cell.cal-other{color:#ccc;cursor:default}.cal-cell.cal-sun,.cal-cell.cal-sat{color:#d9534f}.cal-cell.cal-other.cal-sun,.cal-cell.cal-other.cal-sat{color:#e8c0bf}.cal-cell.cal-today{background:#337ab7;color:#fff;font-weight:700;border-radius:2px}.cal-cell.cal-selected{background:#f7941d;color:#fff;font-weight:700;border-radius:2px}.cal-footer{text-align:center;font-size:11px;color:#999;margin-top:6px;padding-top:4px;border-top:1px solid #eee;font-family:Battambang,sans-serif}.live-btn-wrap{text-align:center;margin-bottom:16px}.live-btn{background:linear-gradient(135deg,#d9534f,#c9302c);color:#fff;border:none;padding:8px 24px;border-radius:20px;font-size:15px;font-family:Battambang,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px;animation:livePulse 2s ease-in-out infinite}.live-btn:hover{background:linear-gradient(135deg,#c9302c,#a02622)}.live-dot{width:10px;height:10px;background:#fff;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes livePulse{0%,to{box-shadow:0 0 #d9534f66}50%{box-shadow:0 0 0 10px #d9534f00}}.live-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center}.live-popup{position:relative;width:440px;max-width:95vw;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #00000080}.live-close{position:absolute;top:8px;right:12px;background:#0000004d;border:none;color:#fff;font-size:26px;cursor:pointer;z-index:10;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s}.live-close:hover{background:#dc2626cc}.live-card{background:#fff;border-radius:18px;overflow:hidden}.live-card-header{background:linear-gradient(135deg,#1a237e,#283593);padding:22px 24px 18px;text-align:center;position:relative}.live-card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f7941d,#e52d27,#f7941d)}.live-card-title{font-size:28px;font-weight:900;font-family:Battambang,sans-serif;background:linear-gradient(135deg,#f7941d,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:6px}.live-card-subtitle{font-size:14px;color:#e0e0e0;font-family:Battambang,sans-serif;letter-spacing:.5px}.live-card-body{padding:20px 24px 16px;display:flex;flex-direction:column;gap:12px}.live-row{display:flex;align-items:center;gap:14px}.live-cat{font-size:28px;font-weight:900;font-family:Arial,Helvetica,sans-serif;min-width:36px;text-align:center}.live-cat-a{color:#d32f2f}.live-cat-b{color:#1565c0}.live-cat-c{color:#e65100}.live-cat-d{color:#2e7d32}.live-boxes{display:flex;gap:8px;flex:1;justify-content:center}.live-box{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.live-box-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0}.live-box-num{position:relative;z-index:1;font-size:36px;font-weight:800;color:#1a237e;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.08);animation:digitReveal .3s ease-out}.live-box-spinner{position:relative;z-index:1;width:70%;height:70%;object-fit:contain;opacity:.7;animation:spinnerPulse 1.5s ease-in-out infinite}.live-box-revealed{animation:boxPop .3s ease-out}@keyframes digitReveal{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes boxPop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.live-waiting-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;background:linear-gradient(135deg,#1a237e,#283593)}.live-waiting-dot{width:12px;height:12px;background:red;border-radius:50%;animation:blink 1s infinite;box-shadow:0 0 6px #f009}.live-waiting-text{color:#f44;font-size:16px;font-weight:900;letter-spacing:3px;animation:blink 1s infinite}.live-waiting-subtitle{font-size:18px;font-weight:700;color:#fc0;letter-spacing:1px}.live-phase-label{color:#ffffff80;font-size:12px;font-weight:500;margin-left:4px;letter-spacing:0}.live-box-spin-num{position:relative;z-index:1;font-size:36px;font-weight:800;color:#f59e0b;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;animation:numSpin .08s steps(1) infinite;text-shadow:0 0 8px rgba(245,158,11,.5)}.live-box-spinning{animation:boxShake .1s linear infinite}@keyframes numSpin{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes boxShake{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}75%{transform:translateY(1px)}}@keyframes spinnerPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}.live-card-footer{position:relative;height:80px;overflow:hidden}.live-footer-wave{position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(135deg,#fbbf24,#f59e0b);clip-path:ellipse(60% 100% at 50% 100%);display:flex;align-items:center;justify-content:center}.live-footer-logo{width:80px;height:80px;object-fit:contain;opacity:.7;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}@media (max-width: 768px){.live-popup{width:80vw}.live-card-title{font-size:22px}.live-card-subtitle{font-size:12px}.live-card-body{padding:14px 12px 10px;gap:8px}.live-cat{font-size:22px;min-width:28px}.live-boxes{gap:5px}.live-box{width:44px;height:44px}.live-box-num,.live-box-spin-num{font-size:22px}}@media (max-width: 360px){.live-popup{width:98vw;max-width:344px;border-radius:12px}.live-card{border-radius:12px}.live-card-header{padding:12px 10px 10px}.live-card-title{font-size:18px;margin-bottom:3px}.live-card-subtitle{font-size:10px;letter-spacing:0}.live-card-body{padding:10px 6px 8px;gap:6px}.live-row{gap:4px}.live-cat{font-size:20px;min-width:24px}.live-boxes{gap:4px}.live-box{width:48px;height:48px}.live-box-num,.live-box-spin-num{font-size:26px}.live-waiting-indicator{gap:6px;padding:6px 0}.live-waiting-dot{width:9px;height:9px}.live-waiting-text{font-size:13px;letter-spacing:2px}.live-waiting-subtitle{font-size:14px}.live-close{top:4px;right:6px;width:28px;height:28px;font-size:20px}.live-card-footer{height:55px}.live-footer-wave{height:45px}.live-footer-logo{width:55px;height:55px}}@media (max-width: 768px){.nav-logo-img{height:65px}.results-title{font-size:24px}.results-table th,.results-table td{padding:8px 4px;font-size:13px}}*{box-sizing:border-box}.adm{display:flex;min-height:100vh;background:#0f1923;font-family:Battambang,Hanuman,Open Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0}.adm-side{width:240px;background:linear-gradient(180deg,#111827,#0f172a);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);position:sticky;top:0;height:100vh;overflow-y:auto}.adm-brand{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.adm-brand-logo{width:36px;height:36px;border-radius:8px;object-fit:contain}.adm-brand-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px}.adm-brand-sub{color:#ffffff59;font-size:10px;font-weight:600;letter-spacing:2px;margin-top:1px}.adm-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.adm-nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border:none;background:none;color:#ffffff8c;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;width:100%;text-align:left;font-family:inherit}.adm-nav-item:hover{background:#ffffff0f;color:#ffffffd9}.adm-nav-item.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:600;box-shadow:0 2px 12px #3b82f640}.nav-ico{font-size:16px;width:22px;text-align:center;flex-shrink:0}.adm-side-footer{padding:10px;border-top:1px solid rgba(255,255,255,.06)}.adm-body{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.adm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#111827d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:10}.adm-header-left h1{color:#fff;font-size:18px;font-weight:600;margin:0;letter-spacing:.3px}.adm-header-right{display:flex;align-items:center;gap:18px}.adm-header-time{color:#ffffff73;font-size:13px;letter-spacing:.3px}.adm-db-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80;background:#ffffff0d;padding:5px 12px;border-radius:20px}.db-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;display:inline-block}.db-dot.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.adm-avatar{width:34px;height:34px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.adm-user-menu{display:flex;align-items:center;gap:10px}.adm-user-name{color:#ffffffb3;font-size:13px;font-weight:600}.btn-logout{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15);padding:5px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-logout:hover{background:#ef444433}.adm-content{flex:1;padding:28px}.adm-breadcrumb{color:#ffffff59;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}.page-title{font-weight:600}.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.stat-card-ico{font-size:28px;width:48px;height:48px;background:#3b82f61a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-info{display:flex;flex-direction:column}.stat-card-num{font-size:24px;font-weight:700;color:#fff}.stat-card-label{font-size:12px;color:#fff6;margin-top:2px}.adm-section{margin-bottom:28px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{color:#fff;font-size:17px;font-weight:600;margin:0 0 16px}.latest-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.latest-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 12px}.latest-label{font-size:16px;font-weight:700;color:#fff}.latest-sub{color:#fff6;font-size:13px}.latest-time{color:#ffffff80;font-size:13px;background:#ffffff0f;padding:4px 12px;border-radius:20px}.latest-card-body{display:flex;justify-content:center;gap:24px;padding:20px 24px;flex-wrap:wrap}.latest-cat{display:flex;flex-direction:column;align-items:center;gap:10px}.latest-cat-label{font-size:15px;font-weight:700;color:#fff9;letter-spacing:1px}.latest-cat-a .latest-cat-label{color:#fca5a5}.latest-cat-b .latest-cat-label{color:#93bbfd}.latest-cat-c .latest-cat-label{color:#fcd34d}.latest-cat-d .latest-cat-label{color:#86efac}.latest-cat-digits{display:flex;gap:6px}.latest-cat-digits .adm-dg{width:40px;height:40px;font-size:18px}.adm-dg{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;font-family:Courier New,monospace;box-shadow:0 2px 6px #0003}.adm-dg-a{background:linear-gradient(135deg,#ef4444,#dc2626)}.adm-dg-b{background:linear-gradient(135deg,#3b82f6,#2563eb)}.adm-dg-c{background:linear-gradient(135deg,#f59e0b,#d97706)}.adm-dg-d{background:linear-gradient(135deg,#22c55e,#16a34a)}.adm-digit-row{display:flex;gap:4px;justify-content:center}.latest-card-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 18px;border-top:1px solid rgba(255,255,255,.06)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.published{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.btn-details{background:none;border:none;color:#60a5fa;font-size:13px;cursor:pointer;font-weight:600;transition:color .2s;font-family:inherit}.btn-details:hover{color:#93bbfd}.table-wrap{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.adm-tbl{width:100%;border-collapse:collapse}.adm-tbl thead tr{background:#1e293bcc}.adm-tbl th{color:#ffffff73;padding:13px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.adm-tbl td{padding:13px 16px;color:#e2e8f0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.04)}.adm-tbl tbody tr{background:#0f172a99;transition:background .15s}.adm-tbl tbody tr:hover{background:#1e293b99}.td-time{font-weight:600;white-space:nowrap;color:#fff}.td-num{font-family:Courier New,monospace;font-weight:700;color:#f59e0b;font-size:15px;letter-spacing:2px;text-align:center}.td-nums{display:flex;gap:10px;flex-wrap:wrap}.num-pill-group{display:flex;align-items:center;gap:4px}.num-pill-label{font-size:11px;font-weight:700;color:#fff6;min-width:14px}.num-pill-group-a .num-pill-label{color:#fca5a5}.num-pill-group-b .num-pill-label{color:#93bbfd}.num-pill-group-c .num-pill-label{color:#fcd34d}.num-pill-group-d .num-pill-label{color:#86efac}.num-pill-group .adm-dg{width:22px;height:22px;font-size:11px}.td-actions{display:flex;gap:6px}.btn-tbl{padding:5px 14px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;font-family:inherit}.btn-tbl.view{background:#3b82f61f;color:#60a5fa}.btn-tbl.view:hover{background:#3b82f640}.btn-tbl.edit{background:#f59e0b1f;color:#fbbf24}.btn-tbl.edit:hover{background:#f59e0b40}.btn-tbl.del{background:#ef44441f;color:#f87171}.btn-tbl.del:hover{background:#ef444440}.adm-results-layout{display:flex;gap:20px;flex:1}.dates-panel{width:260px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;display:flex;flex-direction:column;flex-shrink:0;max-height:calc(100vh - 140px)}.dates-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}.dates-panel-head h3{color:#fff;font-size:15px;font-weight:600;margin:0}.btn-sm{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.btn-sm:hover{opacity:.85}.dates-search{width:calc(100% - 32px);margin:10px 16px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#9c9c9c;font-size:13px;outline:none;font-family:inherit;transition:border-color .2s}.dates-search::placeholder{color:#ffffff40}.dates-search:focus{border-color:#3b82f6}.dates-list{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:2px}.dates-list::-webkit-scrollbar{width:4px}.dates-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.dates-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.dates-item:hover{background:#ffffff0d}.dates-item.active{background:linear-gradient(135deg,#3b82f6,#6366f1)}.dates-item-date{color:#fff;font-size:14px;font-weight:600}.dates-item-count{color:#fff6;font-size:11px;margin-top:1px}.dates-item.active .dates-item-date,.dates-item.active .dates-item-count{color:#fff}.dates-item.active .dates-item-count{opacity:.7}.btn-x{background:none;border:none;color:#fff3;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;opacity:0;transition:all .2s}.dates-item:hover .btn-x{opacity:1}.btn-x:hover{background:#ef444433;color:#ef4444}.results-panel{flex:1;min-width:0}.results-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-panel-head h2{color:#fff;font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.entry-badge{background:#3b82f61f;color:#60a5fa;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.btn-primary:hover{opacity:.9}.adm-form{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;margin-bottom:20px}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.form-head h3{color:#fff;font-size:16px;margin:0;font-weight:600}.btn-close{background:none;border:none;color:#ffffff59;font-size:24px;cursor:pointer;line-height:1;padding:0 4px;transition:color .2s}.btn-close:hover{color:#fff}.form-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.form-row label{min-width:90px;color:#ffffff8c;font-size:13px;font-weight:600}.form-row input,.form-row select{flex:1;max-width:260px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;font-family:inherit;transition:border-color .2s}.form-row input:focus,.form-row select:focus{border-color:#3b82f6}.form-row select option{background:#1e293b;color:#fff}.form-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.form-nums-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.form-nums-label{font-size:13px;color:#ffffff80;font-weight:600}.btn-auto-gen{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-auto-gen:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.form-num-field{display:flex;flex-direction:column;align-items:center;gap:6px}.form-num-field label{color:#f59e0b;font-weight:700;font-size:14px}.form-num-field input{width:100%;padding:12px 6px;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:20px;font-weight:700;text-align:center;letter-spacing:3px;font-family:Courier New,monospace;outline:none;transition:border-color .2s}.form-num-field input:focus{border-color:#f59e0b}.form-num-field input::placeholder{color:#ffffff26;letter-spacing:2px}.form-btns{display:flex;gap:10px;margin-top:16px}.btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 26px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}.btn-save:hover{opacity:.9}.btn-cancel{background:#ffffff0d;color:#ffffff8c;border:1px solid rgba(255,255,255,.08);padding:10px 26px;border-radius:8px;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s}.btn-cancel:hover{background:#ffffff14;color:#fff}.empty-state{text-align:center;padding:60px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px}.empty-ico{font-size:48px;margin-bottom:12px}.empty-state h3{color:#fff;font-size:17px;font-weight:600;margin:0 0 8px}.empty-state p{color:#ffffff59;font-size:14px;margin:0 0 20px}.settings-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px;margin-bottom:16px}.settings-card h3{color:#fff;font-size:16px;margin:0 0 6px;font-weight:600}.settings-card p{color:#ffffff59;font-size:13px;margin:0 0 14px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:14px}.settings-row:last-child{border-bottom:none}.settings-row span:first-child{color:#ffffff8c}.settings-val{color:#60a5fa;font-weight:600}.danger-zone{border-color:#ef444433}.btn-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2);padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.btn-danger:hover{background:#ef444438}.pw-form{display:flex;flex-direction:column;gap:14px;margin-top:12px}.pw-field label{display:block;color:#ffffff80;font-size:12px;font-weight:600;margin-bottom:5px}.pw-field input{width:100%;max-width:320px;padding:9px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.pw-field input:focus{border-color:#3b82f6}.pw-error{color:#f87171;font-size:13px;background:#ef444414;padding:8px 12px;border-radius:8px}.pw-success{color:#4ade80;font-size:13px;background:#22c55e14;padding:8px 12px;border-radius:8px}.live-control-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;position:relative;overflow:hidden}.live-control-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e)}.live-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.live-control-status{display:flex;align-items:center;gap:12px}.live-indicator{font-size:14px;font-weight:700;color:#ffffff59;background:#ffffff0d;padding:4px 14px;border-radius:20px;letter-spacing:1px}.live-indicator.live-on{color:#ef4444;background:#ef444426;animation:livePulseAdmin 2s ease-in-out infinite}@keyframes livePulseAdmin{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.live-control-desc{color:#ffffff73;font-size:13px}.btn-live-toggle{padding:10px 22px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-live-toggle:hover{opacity:.9}.btn-live-toggle.btn-live-on{background:linear-gradient(135deg,#ef4444,#dc2626)}.live-control-fields{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.live-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.live-field label{color:#ffffff80;font-size:12px;font-weight:600}.live-field select{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;outline:none;font-family:inherit;transition:border-color .2s}.live-field select:focus{border-color:#3b82f6}.live-field select option{background:#1e293b;color:#fff}.btn-live-preview{padding:8px 18px;background:#6366f126;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.btn-live-preview:hover{background:#6366f140}.btn-live-preview:disabled{opacity:.35;cursor:not-allowed}.live-msg{margin-top:12px;color:#4ade80;font-size:13px;background:#22c55e14;padding:6px 14px;border-radius:8px;display:inline-block}.live-preview-info{margin-top:10px;color:#fff6;font-size:12px}.live-preview-info strong{color:#fbbf24}.live-control-auto{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.live-auto-row{display:flex;align-items:center;gap:10px}.live-auto-label{color:#ffffffb3;font-size:13px;font-weight:600}.live-auto-desc{color:#ffffff59;font-size:12px}.auto-live-timing{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.auto-live-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px}.auto-live-field label{font-size:13px;color:#94a3b8;font-weight:500}.auto-live-input{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:600;outline:none;width:80px;transition:border-color .2s}.auto-live-input:focus{border-color:#3b82f6}.btn-auto-live-preview{padding:6px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.btn-auto-live-preview:hover{background:#ef444438;border-color:#ef444466}.auto-live-badge{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.auto-live-preview-time{font-size:18px;font-weight:700;color:#fc0;letter-spacing:1px}.auto-live-preview-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;background:linear-gradient(135deg,#1a237e,#283593)}.auto-live-preview-dot{width:12px;height:12px;background:red;border-radius:50%;animation:adminBlink 1s infinite;box-shadow:0 0 6px #f009}.auto-live-preview-text{color:#f44;font-size:16px;font-weight:900;letter-spacing:3px;animation:adminBlink 1s infinite}@keyframes adminBlink{0%,to{opacity:1}50%{opacity:.3}}.auto-live-spinner{animation:adminSpinnerPulse 1.5s ease-in-out infinite}@keyframes adminSpinnerPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}.auto-live-preview-info{padding:12px 20px;background:#6366f114;border-top:1px solid rgba(99,102,241,.15)}.auto-live-preview-info p{margin:4px 0;font-size:12px;color:#94a3b8;line-height:1.5}.auto-live-phase-info{font-size:14px!important;font-weight:600;color:#fbbf24!important;text-align:center}.auto-live-phase-label{color:#fbbf24;font-size:12px;font-weight:600;letter-spacing:1px;margin-left:8px;animation:adminBlink 1.2s infinite}.adm-live-box-spinning{animation:adminBoxShake .15s infinite alternate}@keyframes adminBoxShake{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}.adm-live-spin-num{color:gold!important;font-size:28px!important;font-weight:900;text-shadow:0 0 10px rgba(255,215,0,.5);animation:adminNumSpin .1s infinite}@keyframes adminNumSpin{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.live-overlay-admin{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.live-popup-admin{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;width:440px;max-width:95vw;position:relative;text-align:center}.live-close-admin{position:absolute;top:10px;right:14px;background:none;border:none;color:#fff6;font-size:26px;cursor:pointer;transition:color .2s}.live-close-admin:hover{color:#fff}.live-preview-badge{display:inline-block;background:#6366f133;color:#a5b4fc;padding:3px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.live-preview-heading{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;font-family:Battambang,sans-serif}.adm-live-card{background:#fff;border-radius:18px;overflow:hidden}.adm-live-header{background:linear-gradient(135deg,#1a237e,#283593);padding:22px 24px 18px;text-align:center;position:relative}.adm-live-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f7941d,#e52d27,#f7941d)}.adm-live-title{font-size:26px;font-weight:900;font-family:Battambang,sans-serif;background:linear-gradient(135deg,#f7941d,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.adm-live-subtitle{font-size:15px;color:#e0e0e0;font-family:Battambang,sans-serif}.adm-live-body{padding:20px 24px 16px;display:flex;flex-direction:column;gap:12px}.adm-live-row{display:flex;align-items:center;gap:14px}.adm-live-cat{font-size:26px;font-weight:900;font-family:Arial,Helvetica,sans-serif;min-width:34px;text-align:center}.adm-live-cat-a{color:#d32f2f}.adm-live-cat-b{color:#1565c0}.adm-live-cat-c{color:#e65100}.adm-live-cat-d{color:#2e7d32}.adm-live-boxes{display:flex;gap:8px;flex:1;justify-content:center}.adm-live-box{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.adm-live-box-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:0}.adm-live-box-num{position:relative;z-index:1;font-size:28px;font-weight:800;color:#1a237e;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;animation:admDigitReveal .3s ease-out}.adm-live-box-spinner{position:relative;z-index:1;width:70%;height:70%;object-fit:contain;opacity:.7}.adm-live-box-revealed{animation:admBoxPop .3s ease-out}.adm-live-footer{position:relative;height:45px;overflow:hidden}.adm-live-wave{position:absolute;bottom:0;left:0;right:0;height:45px;background:linear-gradient(135deg,#1a237e,#283593);clip-path:ellipse(60% 100% at 50% 100%)}@keyframes admDigitReveal{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes admBoxPop{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.live-preview-date{color:#ffffff59;font-size:14px;font-family:Battambang,sans-serif}.autogen-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px}.autogen-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.autogen-date-field label{display:block;font-size:12px;color:#ffffff80;margin-bottom:6px;font-weight:600}.autogen-date-input{padding:10px 14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:15px;outline:none}.autogen-date-input:focus{border-color:#3b82f6}.autogen-actions{display:flex;gap:10px}.btn-autogen-all{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-autogen-all:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed66}.btn-autogen-save{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-autogen-save:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px);box-shadow:0 4px 14px #22c55e66}.btn-autogen-save:disabled{opacity:.4;cursor:not-allowed}.autogen-msg{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px;text-align:center}.autogen-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.autogen-slot{background:#1e293b99;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;transition:all .2s}.autogen-slot-filled{border-color:#7c3aed4d;background:#7c3aed14}.autogen-slot-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.autogen-slot-time{font-size:16px;font-weight:700;color:#fff}.btn-autogen-one{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;width:34px;height:34px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-autogen-one:hover{background:#7c3aed33;border-color:#7c3aed66}.autogen-slot-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.autogen-num-group{display:flex;align-items:center;gap:8px}.autogen-cat{font-size:14px;font-weight:800;min-width:20px}.autogen-cat-a{color:#ef4444}.autogen-cat-b{color:#3b82f6}.autogen-cat-c{color:#f59e0b}.autogen-cat-d{color:#22c55e}.autogen-num{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#e2e8f0;letter-spacing:3px}.autogen-slot-empty{color:#ffffff40;font-size:13px;text-align:center;padding:8px 0}.autogen-slot-btns{display:flex;gap:8px;margin-top:8px}.btn-slot-save,.btn-slot-schedule{flex:1;padding:6px 10px;border:none;border-radius:8px;font-size:12px;cursor:pointer;font-weight:600;transition:background .2s}.btn-slot-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-slot-save:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-slot-schedule{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-slot-schedule:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-slot-save:disabled,.btn-slot-schedule:disabled{opacity:.5;cursor:not-allowed}.autogen-slot-actions{display:flex;align-items:center;gap:8px}.autogen-schedule-time{padding:5px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e2e8f0;font-size:13px;outline:none;width:110px}.autogen-schedule-time:focus{border-color:#3b82f6}.btn-autogen-schedule{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-autogen-schedule:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b66}.btn-autogen-schedule:disabled{opacity:.4;cursor:not-allowed}.sched-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sched-title{font-size:18px;font-weight:700;color:#f59e0b}.btn-sched-clear{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-sched-clear:hover{background:#ef444440}.sched-list{display:flex;flex-direction:column;gap:8px}.sched-item{display:flex;justify-content:space-between;align-items:center;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px 16px}.sched-item-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sched-item-date{font-weight:700;color:#fff;font-size:14px}.sched-item-slot{color:#f59e0b;font-weight:600;font-size:14px}.sched-item-nums{font-family:Courier New,monospace;color:#e2e8f0;font-size:14px;letter-spacing:1px}.sched-item-at{color:#ffffff80;font-size:13px}.btn-sched-cancel{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;width:30px;height:30px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-sched-cancel:hover{background:#ef444440}.sched-item-actions{display:flex;gap:6px;flex-shrink:0}.btn-sched-edit{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#818cf8;width:30px;height:30px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-sched-edit:hover{background:#6366f140}.sched-item-edit{width:100%}.sched-item-edit-head{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.sched-item-edit-nums{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.sched-edit-field{display:flex;align-items:center;gap:4px}.sched-edit-field label{font-size:12px;font-weight:700;color:#ffffff80;min-width:14px}.sched-edit-input{width:70px;padding:5px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e2e8f0;font-size:13px;font-family:Fira Code,monospace;letter-spacing:2px;text-align:center}.sched-edit-input:focus{border-color:#6366f1;outline:none}.sched-edit-actions{display:flex;gap:8px}.btn-sched-save{padding:5px 14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-sched-save:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-sched-cancel-edit{padding:5px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff9;font-size:12px;cursor:pointer;transition:all .2s}.btn-sched-cancel-edit:hover{background:#ffffff1a}.setting-switch{position:relative;display:inline-block;width:50px;height:26px}.setting-switch input{opacity:0;width:0;height:0}.setting-switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:26px;transition:.3s}.setting-switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.setting-switch input:checked+.setting-switch-slider{background:linear-gradient(135deg,#22c55e,#16a34a)}.setting-switch input:checked+.setting-switch-slider:before{transform:translate(24px)}.settings-hint{font-size:13px;margin-top:8px;padding:10px 14px;border-radius:8px;font-weight:500;transition:all .3s}.settings-hint.hint-on{color:#15803d;background:#dcfce7;border-left:4px solid #22c55e}.settings-hint.hint-off{color:#991b1b;background:#fee2e2;border-left:4px solid #ef4444}.adm-nav-item.nav-disabled{opacity:.45;cursor:not-allowed}.nav-badge-off{display:inline-block;font-size:10px;background:#ef4444;color:#fff;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle}.api-fetch-controls{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}.api-fetch-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.api-fetch-date{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.btn-api-fetch{padding:9px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transition:all .2s}.btn-api-fetch:hover{opacity:.9}.btn-api-fetch:disabled{opacity:.5;cursor:not-allowed}.api-fetch-msg{margin-top:10px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500}.api-fetch-msg.api-msg-ok{background:#dcfce7;color:#15803d;border-left:4px solid #22c55e}.api-fetch-msg.api-msg-err{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.api-fetch-label{font-size:13px;font-weight:600;color:#374151}.api-fetch-spinner{font-size:18px;animation:spin 1s linear infinite}.slot-msg{padding:6px 10px;margin-bottom:8px;border-radius:6px;font-size:13px;background:#e8f5e9;color:#2e7d32}.slot-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.slot-item{border-radius:8px;padding:8px 12px;border:1px solid #e2e8f0}.slot-display-row{display:flex;align-items:center;justify-content:space-between}.slot-time{font-weight:600;font-size:14px;color:#fff}.slot-actions{display:flex;gap:6px}.btn-slot-edit,.btn-slot-delete,.btn-slot-save,.btn-slot-cancel{border:none;background:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px;transition:background .2s}.btn-slot-edit:hover{background:#e3f2fd}.btn-slot-delete:hover{background:#ffebee}.btn-slot-save:hover{background:#e8f5e9}.btn-slot-cancel:hover{background:#f5f5f5}.slot-edit-row{display:flex;align-items:center;gap:6px}.slot-add-form{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid #e2e8f0}.slot-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:100px}.slot-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.btn-slot-add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:opacity .2s}.btn-slot-add:hover{opacity:.85}@media (max-width: 1024px){.adm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.adm{flex-direction:column}.adm-side{width:100%;height:auto;position:relative;flex-direction:row;overflow-x:auto}.adm-brand{display:none}.adm-nav{flex-direction:row;padding:8px}.adm-nav-item{white-space:nowrap;padding:8px 14px}.adm-side-footer{display:none}.adm-content{padding:16px}.adm-stats{grid-template-columns:1fr 1fr}.adm-results-layout{flex-direction:column}.dates-panel{width:100%;max-height:200px}.form-nums{grid-template-columns:repeat(2,1fr)}.latest-card-body{gap:12px}.ball{width:56px;height:56px;font-size:13px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);font-family:Battambang,Hanuman,Open Sans,-apple-system,BlinkMacSystemFont,sans-serif;padding:20px}.login-card{width:100%;max-width:400px;background:#1e293bd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 32px;box-shadow:0 8px 40px #0006}.login-brand{text-align:center;margin-bottom:28px}.login-logo{width:64px;height:64px;border-radius:14px;margin-bottom:12px;object-fit:contain}.login-brand h1{color:#fff;font-size:24px;font-weight:700;margin:0;letter-spacing:.5px}.login-sub{color:#fff6;font-size:13px;margin:4px 0 0;letter-spacing:1px;text-transform:uppercase;font-weight:600}.login-notice{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:20px;background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.login-notice.setup{background:#3b82f61a;color:#60a5fa;border-color:#3b82f626}.notice-ico{font-size:16px;flex-shrink:0}.login-field{margin-bottom:18px}.login-field label{display:block;color:#ffffff8c;font-size:13px;font-weight:600;margin-bottom:6px}.login-field input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.login-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.login-field input::placeholder{color:#fff3}.login-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;text-align:center}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;font-family:inherit;letter-spacing:.3px}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.login-back{background:none;border:none;color:#ffffff59;font-size:13px;cursor:pointer;transition:color .2s;font-family:inherit}.login-back:hover{color:#ffffffb3}.login-loading{text-align:center;color:#ffffff80;padding:40px;font-size:15px}@media (max-width: 480px){.login-card{padding:28px 20px;border-radius:16px}}.install-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);font-family:Battambang,Hanuman,Open Sans,-apple-system,BlinkMacSystemFont,sans-serif;padding:20px}.install-card{width:100%;max-width:580px;background:#1e293bd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 32px;box-shadow:0 8px 40px #0006}.install-brand{text-align:center;margin-bottom:28px}.install-logo{width:64px;height:64px;border-radius:14px;margin-bottom:12px;object-fit:contain}.install-brand h1{color:#fff;font-size:24px;font-weight:700;margin:0}.install-sub{color:#fff6;font-size:13px;margin:4px 0 0;letter-spacing:1px;text-transform:uppercase;font-weight:600}.install-status{margin-bottom:24px}.install-status h3{color:#ffffffb3;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.status-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;margin-bottom:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s}.status-item .status-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.status-item .status-label{color:#ffffffb3;font-size:14px;flex:1}.status-item .status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.status-badge.ok{background:#22c55e26;color:#4ade80}.status-badge.fail{background:#ef444426;color:#f87171}.status-badge.pending{background:#f59e0b26;color:#fbbf24}.install-options{margin-bottom:24px}.install-options h3{color:#ffffffb3;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.option-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);margin-bottom:6px;cursor:pointer;transition:all .2s}.option-item:hover{background:#ffffff0f}.option-item input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.option-item label{color:#ffffffb3;font-size:14px;cursor:pointer;flex:1}.option-item .option-desc{color:#ffffff59;font-size:12px}.install-log{margin-bottom:24px}.install-log h3{color:#ffffffb3;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.log-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13px;border-radius:8px;margin-bottom:4px;transition:all .3s}.log-item.success{background:#22c55e14;color:#4ade80}.log-item.error{background:#ef444414;color:#f87171}.log-item.running{background:#3b82f614;color:#60a5fa}.log-item .log-icon{font-size:14px;flex-shrink:0}.log-item .log-msg{flex:1}.install-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-install{flex:1;padding:14px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;font-family:inherit;letter-spacing:.3px}.btn-install:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-install:active:not(:disabled){transform:translateY(0)}.btn-install:disabled{opacity:.5;cursor:not-allowed}.btn-refresh{padding:14px 20px;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-refresh:hover{background:#ffffff1f;color:#fff}.install-success{text-align:center;padding:20px 0}.install-success .success-icon{font-size:48px;margin-bottom:12px}.install-success h2{color:#4ade80;margin:0 0 8px;font-size:20px}.install-success p{color:#ffffff80;font-size:14px;margin:0 0 24px}.install-success .btn-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-home{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:inherit;text-decoration:none;display:inline-block}.btn-home:hover{opacity:.92}.btn-admin{padding:12px 24px;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none;display:inline-block}.btn-admin:hover{background:#ffffff1f;color:#fff}.install-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.install-back{background:none;border:none;color:#ffffff59;font-size:13px;cursor:pointer;transition:color .2s;font-family:inherit}.install-back:hover{color:#ffffffb3}.install-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15);padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;text-align:center}.install-success-msg{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.15);padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;text-align:center}.install-loading{text-align:center;color:#ffffff80;padding:40px;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#60a5fa;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.install-info{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:20px;background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.15);line-height:1.5}.install-info .info-ico{font-size:16px;flex-shrink:0;margin-top:1px}.admin-form-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.section-heading{color:#fff;font-size:16px;font-weight:700;margin:0 0 6px}.section-desc{color:#fff6;font-size:13px;margin:0 0 18px}.admin-create-form{display:flex;flex-direction:column;gap:4px}.form-field{margin-bottom:14px}.form-field label{display:block;color:#ffffff8c;font-size:13px;font-weight:600;margin-bottom:6px}.form-field input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.form-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-field input::placeholder{color:#fff3}@media (max-width: 480px){.install-card{padding:28px 20px;border-radius:16px}.install-actions{flex-direction:column}}
