@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#07162d;--navy2:#0d2341;--gold:#e2b957;--gold2:#ffd978;--ivory:#f7f3e9;--ink:#101d32;--muted:#9daabd;--line:rgba(226,185,87,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f7f8fb;font-family:'DM Sans',Arial,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(145deg,transparent 0 38px,rgba(90,143,214,.16) 39px 40px,transparent 41px 78px);mask-image:linear-gradient(to bottom,#000,transparent 62%);z-index:-1}
.site-header{height:72px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(5,17,36,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}
.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:800 21px 'Manrope',sans-serif;letter-spacing:1.5px}.brand b{color:var(--gold2)}.brand-mark{color:var(--gold2);font-size:25px;text-shadow:0 0 16px #ffc94c}
.container{width:min(1180px,100%);margin:0 auto;padding:22px 18px 0}
.live-heading{text-align:center;margin:8px 0 18px}.live-label{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:12px;font-weight:800;letter-spacing:3px}.live-dot{width:9px;height:9px;background:#ff3c55;border-radius:50%;box-shadow:0 0 0 0 rgba(255,60,85,.7);animation:pulse 1.5s infinite}.live-line{height:22px;max-width:540px;margin:4px auto 0;position:relative;overflow:hidden}.live-line:before{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),#ff4c9b,var(--gold),transparent)}.live-line span{position:absolute;left:-20%;top:8px;width:18%;height:6px;background:linear-gradient(90deg,transparent,#fff,var(--gold2),transparent);filter:blur(2px);animation:scan 3s linear infinite}
.latest-section{border:1px solid rgba(255,211,110,.55);border-radius:18px;padding:17px 16px 13px;background:linear-gradient(145deg,rgba(16,40,72,.94),rgba(5,18,38,.98));box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 22px rgba(226,185,87,.10)}
.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kicker{font-size:9px;letter-spacing:2.6px;font-weight:800;color:var(--gold);margin:0 0 5px}.section-top h1{font:800 23px 'Manrope',sans-serif;margin:0}.status-chip{border:1px solid rgba(90,220,164,.35);color:#9ef0c6;padding:6px 10px;border-radius:30px;font-size:10px;white-space:nowrap}.status-chip i{display:inline-block;width:6px;height:6px;background:#51d99b;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #51d99b}
.result-strip{display:flex;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) rgba(255,255,255,.08)}.result-card{flex:1 0 112px;min-width:112px;max-width:145px;scroll-snap-align:start;border:1px solid #ffcf67;border-radius:13px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#fffdf7,#f0e6d0);color:var(--ink);box-shadow:0 0 11px rgba(255,184,50,.4),inset 0 0 0 2px rgba(255,255,255,.7);padding-bottom:8px;animation:cardIn .55s both}.result-card:nth-child(2){animation-delay:.05s}.result-card:nth-child(3){animation-delay:.1s}.result-card:nth-child(4){animation-delay:.15s}.result-card:nth-child(5){animation-delay:.2s}.result-card:nth-child(6){animation-delay:.25s}.result-card:nth-child(7){animation-delay:.3s}.result-card:nth-child(8){animation-delay:.35s}
.baji-tag{background:linear-gradient(110deg,#f2bd4d,#ffe49b,#dca43b);font:800 13px 'Manrope',sans-serif;padding:8px 3px;color:#101d32}.patti-number{font:800 27px 'Manrope',sans-serif;letter-spacing:1px;padding:10px 2px 7px;white-space:nowrap}.digit-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:29px;border-radius:20px;background:linear-gradient(130deg,#07162d,#18365a);color:#ffda7b;font:800 20px 'Manrope',sans-serif;box-shadow:0 0 9px rgba(226,185,87,.35);border:1px solid #d8ae4d}.strip-hint{font-size:10px;color:#8999af;margin:0;text-align:right}
.neon-divider{display:flex;align-items:center;gap:10px;margin:20px auto 22px;max-width:760px}.neon-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#e8b64e,#ff4cbb)}.neon-divider span:last-child{background:linear-gradient(90deg,#ff4cbb,#e8b64e,transparent)}.neon-divider i{width:9px;height:9px;background:#ffdf78;border-radius:50%;box-shadow:0 0 9px 4px rgba(255,188,65,.65);animation:glow 2s infinite}
.archive-section{border:1px solid rgba(226,185,87,.65);border-radius:19px;padding:18px;background:linear-gradient(150deg,#0c2342,#06152d 70%);box-shadow:0 12px 32px rgba(0,0,0,.3)}
.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.archive-title{display:flex;align-items:center;gap:11px}.archive-icon{font-size:32px;color:var(--gold2);text-shadow:0 0 14px #d8a83f}.archive-title h2{font:800 21px 'Manrope',sans-serif;margin:0}.archive-title em{font-style:normal;color:var(--gold2);font-size:13px}.archive-note{font-size:10px;color:#aebbd0}
.filter-bar,.date-filter{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-bar{margin-bottom:10px}.filter-bar select,.date-filter input{min-height:43px;border-radius:10px;border:1px solid #ded8cb;background:#fff;color:#101d32;padding:0 12px;font:600 13px 'DM Sans',sans-serif}.filter-bar select{flex:1;min-width:160px}.gold-button,.outline-button{border:0;border-radius:10px;min-height:43px;padding:0 17px;font:800 12px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.gold-button{color:#101d32;background:linear-gradient(120deg,#d9a93e,#ffe08b,#d9a93e);box-shadow:0 5px 16px rgba(226,185,87,.2)}.gold-button:hover,.outline-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(226,185,87,.25)}.outline-button{color:var(--gold2);background:transparent;border:1px solid rgba(226,185,87,.65)}.date-filter{padding:11px 0 14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:13px}.date-filter label{font-size:11px;color:#c4cede}.date-filter input{flex:1;min-width:140px}.reset-link{font-size:11px;color:var(--gold2);text-decoration:none;padding:8px}
.archive-day{margin:0 0 12px;border:1px solid rgba(226,185,87,.22);border-radius:12px;overflow:hidden;background:#f7f3e9;color:#101d32}.archive-day-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:linear-gradient(90deg,#f8e9c4,#fffaf0)}.archive-day-head h3{font:800 14px 'Manrope',sans-serif;margin:0}.archive-day-head span{font-size:9px;letter-spacing:1px;color:#94723a;font-weight:800}.archive-table-wrap{overflow-x:auto}.archive-table{width:100%;min-width:680px;border-collapse:collapse;text-align:center}.archive-table th{background:#0b1b33;color:#f5d98f;font-size:10px;padding:9px 5px;letter-spacing:.5px}.archive-table td{padding:8px 4px;border-right:1px solid #e8e0d2;border-bottom:1px solid #eee7db}.archive-table tr:last-child td{border-bottom:0}.archive-table .date-cell{font-size:10px;font-weight:800;white-space:nowrap}.archive-patti{display:block;font:800 13px 'Manrope',sans-serif;white-space:nowrap}.archive-digit{display:inline-flex;align-items:center;justify-content:center;margin-top:3px;min-width:20px;height:18px;border-radius:5px;background:#f4d78e;color:#18233a;font:800 10px 'Manrope',sans-serif}
.empty-state{text-align:center;padding:35px 15px;color:#fff}.empty-state>span{font-size:32px;color:var(--gold)}.empty-state h3{margin:8px 0}.empty-state p{font-size:12px;color:#aab7ca}.footer{text-align:center;padding:25px 0 30px;color:var(--gold);font:800 11px 'Manrope',sans-serif;letter-spacing:2px}.footer small{display:block;color:#71839c;font:10px 'DM Sans',sans-serif;letter-spacing:1px;margin-top:5px}
.admin-page{background:radial-gradient(ellipse at top,#142b4b,#07162d 60%)}.admin-container{max-width:850px}.admin-heading{padding:14px 2px 18px}.admin-heading h1{font:800 28px 'Manrope',sans-serif;margin:0}.admin-heading>p:last-child{color:#a9b7ca;font-size:12px}.logout-link{color:var(--gold2);font-size:12px;text-decoration:none;border:1px solid var(--line);padding:9px 13px;border-radius:8px}
.admin-panel,.auth-card{border:1px solid rgba(226,185,87,.38);border-radius:16px;background:linear-gradient(145deg,#102744,#091a32);padding:18px;margin:0 0 17px;box-shadow:0 12px 32px rgba(0,0,0,.2)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-heading h2{font:800 19px 'Manrope',sans-serif;margin:0}.panel-mark{font:800 24px 'Manrope',sans-serif;color:rgba(226,185,87,.35)}
.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-form label,.auth-card label{display:grid;gap:7px;color:#d7deea;font-size:11px;font-weight:700}.admin-form input,.admin-form select,.auth-card input,.admin-date-filter input{width:100%;min-height:43px;border-radius:9px;border:1px solid #43536a;background:#fdfbf6;color:#101d32;padding:0 11px;font:600 13px 'DM Sans',sans-serif}.full-button{grid-column:1/-1;width:100%}.form-note{font-size:10px;color:#aab7c9;margin:13px 0 0;line-height:1.5}.admin-date-filter{display:flex;align-items:center;gap:9px;margin-bottom:14px}.admin-date-filter label{font-size:11px;color:#c7d0dd}.admin-date-filter input{max-width:190px}.admin-records{display:grid;gap:7px}.admin-record{display:grid;grid-template-columns:75px 1fr 75px auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035)}.record-name{font-size:11px;font-weight:800;color:var(--gold2)}.record-value{font:800 16px 'Manrope',sans-serif}.record-value small{display:block;font:10px 'DM Sans',sans-serif;color:#9eacc0;margin-top:2px}.record-status{font-size:8px;letter-spacing:.5px;font-weight:800}.is-published{color:#79e2ad}.is-pending{color:#f2c56b}.delete-button{border:1px solid rgba(255,100,100,.4);background:transparent;color:#ff9b9b;border-radius:6px;padding:6px 8px;font-size:10px}.notice{padding:11px 13px;border-radius:8px;margin:0 0 14px;font-size:12px}.notice.success{background:rgba(64,185,130,.13);color:#9aefc6;border:1px solid rgba(64,185,130,.3)}.notice.error{background:rgba(255,90,90,.12);color:#ffb0b0;border:1px solid rgba(255,90,90,.3)}.back-public{display:inline-block;color:var(--gold2);font-size:12px;text-decoration:none;margin:6px 0 22px}
.auth-card{width:min(420px,calc(100% - 28px));margin:9vh auto;padding:25px}.auth-card .brand{margin-bottom:25px}.auth-card h1{font:800 25px 'Manrope',sans-serif;margin:6px 0 20px}.auth-card form{display:grid;gap:14px}.auth-card .back-public{margin-top:18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,60,85,.65)}70%{box-shadow:0 0 0 9px rgba(255,60,85,0)}100%{box-shadow:0 0 0 0 rgba(255,60,85,0)}}
@keyframes scan{from{left:-20%}to{left:110%}}@keyframes glow{50%{box-shadow:0 0 15px 7px rgba(255,188,65,.8)}}@keyframes cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.container{padding-top:30px}.latest-section{padding:22px}.result-card{flex-basis:calc((100% - 63px)/8);max-width:none}.result-strip{overflow:visible}.strip-hint{display:none}}
@media(max-width:600px){.site-header{height:62px}.brand{font-size:18px}.container{padding:16px 12px 0}.live-heading{margin:3px 0 12px}.latest-section{padding:13px 10px 10px;border-radius:14px}.section-top h1{font-size:19px}.kicker{font-size:8px}.status-chip{font-size:9px;padding:5px 7px}.result-strip{gap:7px}.result-card{flex:0 0 94px;min-width:94px;border-radius:10px}.baji-tag{font-size:11px;padding:7px 2px}.patti-number{font-size:22px;padding:9px 1px 6px}.digit-pill{height:25px;min-width:39px;font-size:17px}.strip-hint{font-size:9px}.archive-section{padding:13px 10px;border-radius:15px}.archive-heading{align-items:flex-start}.archive-title{gap:8px}.archive-icon{font-size:26px}.archive-title h2{font-size:17px}.archive-title em{font-size:10px}.archive-note{max-width:95px;text-align:right;font-size:9px;line-height:1.4}.filter-bar{display:grid;grid-template-columns:1fr auto}.filter-bar select{min-width:0}.filter-bar .gold-button{padding:0 12px}.date-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-filter label{grid-column:1/-1}.date-filter input{min-width:0;width:100%}.date-filter .reset-link{grid-column:1/-1;padding:2px 0}.archive-table{min-width:640px}.admin-form{grid-template-columns:1fr}.full-button{grid-column:auto}.admin-record{grid-template-columns:60px 1fr 58px auto;padding:8px 6px}.record-name{font-size:10px}.record-value{font-size:14px}.delete-button{padding:5px 6px;font-size:9px}.admin-date-filter{flex-wrap:wrap}.admin-date-filter input{flex:1;max-width:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
