:root{color-scheme:dark;--bg:#07111f;--panel:#0a1628;--panel2:#10213a;--line:#2d6fb8;--line-soft:#173861;--gold:#8fd9ff;--gold2:#2e8fff;--ivory:#e8f6ff;--muted:#9eb9d0;--red:#1c4f92;--mint:#73e7ff;--shadow:0 26px 75px #000a;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ivory);background:radial-gradient(ellipse at 72% 16%,#14407a70 0,#06111fdd 42%,#030913 100%),url('/assets/background-sineria.png') center/cover fixed no-repeat;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.background-halo{position:fixed;pointer-events:none;inset:0;background:radial-gradient(circle at 70% 5%,#3e9dff1f,transparent 36%),repeating-linear-gradient(115deg,transparent,transparent 185px,#7dd3ff08 186px,#7dd3ff08 187px);z-index:-1}.background-halo:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#8ed7ff7a 1px,transparent 2px),radial-gradient(#2b7dff42 1px,transparent 2px);background-size:175px 175px,277px 277px;animation:embers 25s linear infinite;opacity:.5}@keyframes embers{from{background-position:0 0,0 0}to{background-position:0 -350px,0 -554px}}
.site-header{height:88px;background:#07111fd8;border-bottom:1px solid #2f71b655;display:flex;align-items:center;justify-content:space-between;padding:0 max(3%,24px);backdrop-filter:blur(20px);position:relative;z-index:3;gap:22px}.brand{display:flex;gap:16px;align-items:center}.brand img{width:89px;height:74px;object-fit:contain;filter:drop-shadow(0 0 18px #3ba6ff99)}.brand span{display:flex;flex-direction:column;line-height:1.25}.brand strong{font:700 19px Georgia,serif;letter-spacing:3px;color:var(--gold)}.brand small{font-size:9px;letter-spacing:1.9px;color:#bc8f73;margin-top:5px}.top-actions{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:12px}.status-pill,.mini-badge{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--gold);border:1px solid #4493ff66;background:#0c24414a;padding:7px 10px}.status-pill i{display:inline-block;width:6px;height:6px;background:#7ceeff;box-shadow:0 0 12px #41dfff;border-radius:50%;margin-right:8px}.link-btn{border:0;background:transparent;color:#f0bb87;text-decoration:underline}.flash{max-width:1370px;margin:22px auto 0;border:1px solid #5dad7f73;background:#173d2b7a;color:#bbf9d3;padding:13px 20px}.flash.is-error{border-color:#ad4852a0;background:#5016219a;color:#ffc4c4}.dashboard{max-width:1440px;margin:auto;padding:26px 34px 40px}.intro{min-height:270px;display:flex;align-items:center;position:relative;padding:24px 40px;overflow:hidden;border:1px solid #2f71b660;background:linear-gradient(95deg,#081423ee 8%,#0c1830c0 46%,#0e1f3d7a 72%),url('/assets/hero-banner.jpg') center/cover no-repeat;box-shadow:var(--shadow);isolation:isolate}.intro:after{position:absolute;content:'';inset:0;z-index:-1;background:repeating-linear-gradient(45deg,transparent,transparent 24px,#61b8ff20 25px,#61b8ff20 26px),radial-gradient(circle at 67% 32%,#2f97ff44,transparent 28%);mask-image:linear-gradient(90deg,transparent 58%,#000)}.intro h1,.login-card h1{font:500 clamp(30px,3.8vw,55px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:.3px;margin:12px 0 14px;max-width:760px}.intro h1 em,.login-card em{font-style:normal;color:var(--gold);text-shadow:0 0 35px #ad532b67}.intro .muted{max-width:600px;font-size:15px}.hero-art{position:absolute;height:348px;width:320px;object-fit:contain;bottom:-45px;right:8%;filter:drop-shadow(0 0 30px #4aa9ff88);animation:float 7s ease-in-out infinite;pointer-events:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}.eyebrow{color:#f1ad6a;font-size:10px;font-weight:800;letter-spacing:2.3px;margin:0}.muted{color:var(--muted);line-height:1.8}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stats article{padding:21px 22px;border:1px solid #7d402e70;background:linear-gradient(135deg,#300e15cc,#17070bcc);min-height:127px;position:relative;overflow:hidden}.stats article:before{content:'';position:absolute;height:2px;width:40%;top:0;left:0;background:linear-gradient(90deg,#f1be75,transparent)}.stats span{display:block;font-size:10px;color:#c69d80;letter-spacing:1.5px;font-weight:750}.stats strong{font:500 38px Georgia,serif;color:var(--gold);display:block;margin:2px 0}.stats strong.online{font:800 26px 'Segoe UI',sans-serif;color:#7cdfaf}.stats small{font-size:11px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{min-width:0;border:1px solid #2f71b678;background:linear-gradient(145deg,#091626f2,#08111ef0);box-shadow:var(--shadow);padding:27px}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-bottom:16px;margin-bottom:15px;border-bottom:1px solid #5eb8ff60}.panel-title h2{font:500 26px Georgia,serif;color:var(--ivory);margin:8px 0 0}.panel .muted{margin:0 0 19px;font-size:13px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack label{display:block;color:#e1c6aa;font-size:12px;font-weight:650;letter-spacing:.25px}.form-stack input:not([type=file]),.form-stack textarea{display:block;width:100%;outline:none;margin-top:7px;border:1px solid #2f71b66b;border-radius:4px;color:var(--ivory);padding:12px 13px;background:#07111fb0;transition:border-color .2s,box-shadow .2s}.form-stack input:focus,.form-stack textarea:focus{border-color:#8fd9ff;box-shadow:0 0 0 3px #348fff2d}.form-stack textarea{resize:vertical}.form-stack input[type=file]{display:block;margin-top:10px;color:#dbc3ab;max-width:100%}.primary-btn{display:flex;align-items:center;justify-content:space-between;border:1px solid #9adfff;color:#051321;letter-spacing:.6px;background:linear-gradient(110deg,#d6f2ff,#56a9ff);padding:14px 18px;font-size:13px;font-weight:850;box-shadow:inset 0 1px #f2fbff,0 7px 24px #10498f56;transition:transform .18s,filter .18s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.dropzone{border:1px dashed #5ea8ff9d;background:linear-gradient(125deg,#10254365,#0a16295b);min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#efd5b1;transition:.2s}.dropzone.drag-active{border-color:#d9f3ff;background:#16407a4f;box-shadow:inset 0 0 45px #5daeff12}.drop-glyph{font-size:28px;line-height:1;color:var(--gold)}.dropzone small{color:var(--muted)}.file-controls{display:flex;gap:12px;flex-wrap:wrap}.file-button{position:relative;overflow:hidden;border:1px solid #a36a49;color:#f8dbad;padding:8px 11px;font-size:12px;cursor:pointer;flex:1;text-align:center}.file-button input{position:absolute;left:-9999px}.selected-files{color:var(--muted);font-size:12px;word-break:break-all;margin:-5px 0 0}.draft-list{max-height:270px;overflow:auto;padding-right:7px;margin-bottom:19px}.draft-item{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #b8864e2b;padding:11px 0}.draft-item>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.draft-item b{font-size:13px;overflow-wrap:anywhere}.draft-item small{font-size:11px;color:#b9a08a}.tag{display:inline-block;padding:3px 7px;background:#694b234f;border:1px solid #ad8b4e70;font-size:9px;color:#f2c782;font-weight:800;letter-spacing:1px}.tag-red{color:#ffb3a1;border-color:#b9445175;background:#63212b69}.icon-button{border:1px solid #a35f446b;color:#f2cfba;background:transparent;padding:2px 10px;font-size:21px}.empty-state{color:#af9790;padding:20px 4px}.confirm-form{border-top:1px solid #aa705333;padding-top:18px}.field-row{display:grid;grid-template-columns:1fr 2fr;gap:12px}.table-scroll{overflow-x:auto;max-height:355px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-align:left}th{color:#d5ac85;font-size:10px;letter-spacing:1px;border-bottom:1px solid #c387556b;padding:11px 10px}td{color:#d9c2b3;border-bottom:1px solid #88604630;padding:12px 10px}td strong{color:var(--ivory);font-weight:600}code{color:#dbab72;font:11px Consolas,monospace}.text-danger{background:transparent;color:#ec9996;border:0;cursor:pointer}.history-panel{margin-top:18px}.history-panel .table-scroll{max-height:430px}.footnote{font-size:11px;color:#aa8b7c;margin:12px 0 0}.footer{display:flex;justify-content:space-between;margin:26px 0 0;font-size:10px;color:#a78673;letter-spacing:2px}.login-wrap{max-width:1100px;margin:5vh auto 0;display:flex;align-items:center;justify-content:center;gap:3vw;min-height:600px;padding:20px}.login-illustration{width:410px;flex:0 1 410px;text-align:center}.login-illustration img{height:560px;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 45px #4298ff6f);animation:float 8s ease-in-out infinite}.login-card{width:100%;max-width:485px;padding:46px}.login-card h1{font-size:39px}.login-card .form-stack{margin-top:28px}.signed-in{color:#e4c7b2}form{margin:0}button:hover{filter:brightness(1.13)}@media(max-width:1070px){.hero-art{right:0%;opacity:.8}.grid-two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.intro{padding-right:300px}.field-row{grid-template-columns:1fr}}@media(max-width:670px){.site-header{height:auto;min-height:77px;padding:12px;flex-wrap:wrap}.brand img{width:62px;height:50px}.brand strong{font-size:14px}.brand small{font-size:8px}.top-actions{flex-wrap:wrap;gap:9px}.dashboard{padding:15px}.intro{padding:25px;min-height:280px}.intro h1{font-size:36px}.intro .muted{max-width:75%}.hero-art{height:240px;width:195px;right:-27px;bottom:-42px;opacity:.7}.stats{gap:9px}.stats article{padding:14px}.stats strong{font-size:28px}.panel{padding:18px}.panel-title h2{font-size:22px}.login-wrap{margin:20px auto}.login-illustration{display:none}.login-card{padding:25px}.footer{display:block}.file-controls{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* Sineria • Electric Ice 2026 — final visual layer */
.site-header{background:linear-gradient(90deg,#06111eea,#0a2140e5);border-bottom:1px solid #378ae465;box-shadow:0 6px 38px #041023bb}
.brand{position:relative;min-width:0}
.brand img{width:165px;height:60px;max-width:42vw;object-fit:contain;filter:drop-shadow(0 0 12px #269dff9e);animation:sineriaLogoBreath 4.6s ease-in-out infinite;transform-origin:center}
.brand span strong{font-family:'Segoe UI',Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:3.5px;color:#d6f2ff}
.brand span small{font-size:9px;color:#8cc9f8;letter-spacing:1.8px}
@keyframes sineriaLogoBreath{0%,100%{transform:translateY(1px) scale(.99);filter:drop-shadow(0 0 9px #2c96ff77)}50%{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 0 23px #4ac8ffbb)}}
.site-header .status-pill{background:linear-gradient(95deg,#071a34,#0f3259);box-shadow:inset 0 1px #6ebaff1b}
.intro{border-radius:12px;min-height:290px;box-shadow:inset 0 0 80px #08244876,0 20px 60px #020714cf}
.intro:before{content:'';position:absolute;inset:-80px -100px;pointer-events:none;z-index:0;background:linear-gradient(125deg,transparent 39%,#54b8ff00 48%,#6ed1ff25 50%,#54b8ff00 52%,transparent 63%);animation:sineriaStormSweep 9s ease-in-out infinite}
@keyframes sineriaStormSweep{0%,13%,100%{transform:translateX(-115%);opacity:0}18%{opacity:.65}44%{opacity:0;transform:translateX(120%)}}
.intro>div{position:relative;z-index:1;max-width:675px}
.intro h1,.login-card h1{font-family:Georgia,'Times New Roman',serif;text-shadow:0 3px 20px #000b}
.intro h1 em,.login-card h1 em{color:#8adaff;text-shadow:0 0 28px #2ea4ffa5}
.eyebrow{color:#90d2ff}
.muted{color:#b6d3ed}
.hero-art{max-height:370px;right:0%;filter:drop-shadow(0 0 26px #278dff9a);animation:sineriaDragonFloat 8s ease-in-out infinite}
@keyframes sineriaDragonFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1deg)}}
.stats article{border-radius:8px;border:1px solid #317cc980;background:linear-gradient(135deg,#0b1b35e8,#07111ef0);box-shadow:inset 0 1px #b4e3ff19}
.stats article:before{background:linear-gradient(90deg,#8fd8ff,#2e8fff,transparent);height:2px;width:68%}
.stats span{color:#9cc8e8}.stats strong{color:#d2efff}.stats strong.online{color:#85e9ff;text-shadow:0 0 16px #32afff77}
.panel{border-radius:10px;border-color:#317cc982;background:linear-gradient(145deg,#0b1d35ee,#071321f7);box-shadow:0 12px 45px #02071491,inset 0 1px #7bb9ff16}
.panel-title h2{color:#e7f5ff}
.form-stack label{color:#d2eafc}
.form-stack input:not([type=file]),.form-stack textarea{border-radius:6px;background:#061323d9;border-color:#346ca777}
.dropzone{border-radius:9px;background:linear-gradient(125deg,#0b24427c,#10253b8d)}
.file-button{border-radius:5px;border-color:#4f9ada;color:#cff0ff}
.draft-item{border-bottom-color:#3c83bc4a}
.tag{color:#a8dfff;background:#15396582;border-color:#3378b6a1}
.tag-red{color:#ffaca9;background:#5e243574;border-color:#bb586e8b}
.code,code{color:#9bdbff}
.footer{color:#78accf}
.login-illustration img{filter:drop-shadow(0 0 42px #2c9fff88)}
.login-card{background:linear-gradient(145deg,#0b2342f1,#061221f6)}
.primary-btn{border-radius:7px;box-shadow:0 10px 23px #1b60b550,inset 0 1px #ffffffe3}
.primary-btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #a4dfff;outline-offset:3px}
.upload-progress-wrap{display:grid;gap:7px;padding:11px;border:1px solid #3170ae90;border-radius:7px;background:#0b2139c9}
.upload-progress-wrap progress{width:100%;height:12px;accent-color:#59b9ff;border:0}
#upload-status{font-size:12px;color:#c5e6ff}
@media(max-width:800px){.brand img{width:122px;height:53px}.brand span strong{font-size:14px;letter-spacing:2px}.intro{min-height:270px}}
@media(max-width:670px){.brand img{width:110px;height:51px}.brand span small{font-size:7px;letter-spacing:.5px}.hero-art{opacity:.35;right:-45px}.intro{padding-right:25px}.intro>div{max-width:100%}}
@media(prefers-reduced-motion:reduce){.brand img,.hero-art,.intro:before{animation:none!important}}


/* ================================================================
   SINERIA / STORMBOUND ASCENT — cinematic dashboard edition.
   Real HTML forms and data remain above this purely visual layer.
   ================================================================ */
:root{--storm-ink:#030917;--storm-blue:#0a1d37;--storm-glass:#07172aee;--storm-line:#2a7ccc88;--storm-ice:#abebff}
body{background:#030816 url('/assets/background-sineria.png') center top / cover fixed no-repeat}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#020918f0,#041326d9 40%,#020615ef),radial-gradient(circle at 60% 20%,#1b6bc82c,transparent 55%);pointer-events:none;z-index:-1}
.site-header{min-height:76px;height:auto;padding:10px clamp(18px,3vw,52px);position:sticky;top:0;z-index:50;background:#030d20ed;border-bottom:1px solid #2588eb99;box-shadow:inset 0 -1px #8bd2ff35,0 6px 42px #010917e0;gap:24px}
.site-header .brand{flex:0 0 auto;gap:12px}.site-header .brand img{width:170px;height:53px}.site-header .brand span strong{font:600 18px Georgia,serif;letter-spacing:2px}.site-header .brand span small{letter-spacing:1.25px}
.top-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:auto;font-size:12px;font-weight:700;color:#a7ceee}
.top-nav a{border-bottom:2px solid transparent;padding:17px 13px 13px;white-space:nowrap;transition:background .2s,color .2s,text-shadow .2s}
.top-nav a:hover,.top-nav a:focus-visible{color:#f3fbff;background:#1a5d9e33;text-shadow:0 0 14px #64bfff}
.top-nav .active{color:#dcf7ff;border-bottom-color:#69c5ff;background:linear-gradient(0deg,#216db25a,transparent);text-shadow:0 0 14px #5db8ff}
.top-actions{gap:12px;white-space:nowrap}.site-header .status-pill{color:#b5eeff;border-radius:5px;border-color:#2e94dcab;padding:9px 14px;letter-spacing:.6px;box-shadow:0 0 20px #0d67b93b,inset 0 0 18px #1962a938}.site-header .status-pill i{background:#6ae9b4;box-shadow:0 0 11px #42e7ad}
.dashboard{max-width:1750px;padding:18px clamp(18px,3.4vw,55px) 44px}
.intro{height:300px;min-height:300px;padding:0;background:linear-gradient(0deg,#020b1bb6 0,transparent 28%,#02101a38 100%),url('/assets/hero-banner.jpg') center 51% / cover no-repeat;box-shadow:inset 0 0 80px #031a40b4,0 12px 38px #000d;border:1px solid #399eff88;border-radius:9px;overflow:hidden}
.intro:before{animation:sineriaStormSweep 12s ease-in-out infinite;z-index:1}
.intro .hero-caption{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:2;max-width:unset;width:100%;text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,#020d20bd 28%,#020d20bd 72%,transparent);padding:7px 20px}
.intro .hero-caption .eyebrow{font:700 10px 'Segoe UI',sans-serif;letter-spacing:4.5px;color:#8ad9ff;margin:0}
.intro .hero-caption h1{max-width:none;margin:0;font:500 30px Georgia,serif;letter-spacing:8px;color:#f2faff;text-shadow:0 0 15px #007cef,0 2px 10px #00132c}
.intro .hero-caption h1 em{color:#8bd7ff}.intro .hero-caption .muted{font-size:11px;letter-spacing:.5px;margin:2px auto 0;max-width:none;color:#cde9ff}
.intro .hero-rune{position:absolute;width:240px;height:240px;right:12%;top:8%;background:url('/assets/magic-circle.png') center/contain no-repeat;opacity:.55;animation:sineriaRing 27s linear infinite;pointer-events:none;mix-blend-mode:screen}
@keyframes sineriaRing{to{transform:rotate(360deg)}}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.stats article{min-height:98px;padding:13px 19px;border:1px solid #2677c49c;background:linear-gradient(140deg,#0b203de9,#04101ee9);box-shadow:inset 0 1px #77cfff38,0 6px 24px #0107177f;transition:box-shadow .2s,transform .2s}
.stats article:hover{transform:translateY(-2px);box-shadow:0 0 30px #278fff3a}
.stats span{color:#badcfa}.stats strong{font:500 32px Georgia,serif;margin:0;color:#e4faff;text-shadow:0 0 17px #278fff78}.stats strong.online{font:700 21px Segoe UI,Arial,sans-serif;color:#80dcff}.stats small{color:#8bb8db}
.grid-two{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.grid-two>.panel{grid-column:span 4}.grid-two>.panel:nth-child(4){grid-column:span 12}
.panel{background:linear-gradient(150deg,#071930f2,#040d1ff7);border:1px solid #318ce3a1;box-shadow:inset 0 1px #9adeff3b,0 10px 36px #000b;position:relative;overflow:hidden;padding:23px;border-radius:7px;scroll-margin-top:92px}
.panel:after{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#73caffcc,transparent);pointer-events:none}
.panel:before{content:"";position:absolute;right:-115px;bottom:-125px;width:300px;height:300px;background:url('/assets/magic-circle.png') center/contain no-repeat;opacity:.085;pointer-events:none;animation:sineriaRing 70s linear infinite}
.panel>*{position:relative;z-index:1}
.panel-title{border-bottom:1px solid #368edc70;padding-bottom:13px;margin-bottom:16px}
.panel-title h2{font:600 clamp(18px,1.5vw,23px) Georgia,serif;letter-spacing:.5px;color:#e3f6ff;text-shadow:0 0 15px #338ef65c}
.panel .muted{color:#a8cbe4;line-height:1.65}
.eyebrow{font-weight:850;letter-spacing:2px;font-size:10px;color:#7dc8ff}
.mini-badge{background:#0e355db9;border:1px solid #369aea9b;color:#a8e0ff;padding:6px 10px;border-radius:4px}
.dropzone{min-height:165px;border:1px dashed #3b9df9;border-radius:8px;background:linear-gradient(180deg,#0c31518f,#061a3299),url('/assets/magic-circle.png') center/135px no-repeat;box-shadow:inset 0 0 32px #167bd21e;text-align:center}
.drop-glyph{font-size:43px;color:#bfeeff;line-height:1.1;text-shadow:0 0 18px #46baff}
.dropzone strong{font-size:16px;color:#effaff}.dropzone small{font-size:11px;color:#a9d6ff}
.file-button{border:1px solid #489ae2;border-radius:5px;background:linear-gradient(105deg,#112f58,#0c2241);box-shadow:inset 0 0 16px #267fff28;color:#dff6ff;text-align:center;font-weight:750}
.primary-btn{border:1px solid #70cbff;border-radius:6px;background:linear-gradient(115deg,#1947af,#0788f6 55%,#5bbdff);color:#f7fdff;text-shadow:0 1px 4px #08205ccc;box-shadow:0 0 22px #087cf166,inset 0 1px #d3faff92;transition:filter .2s,transform .2s,box-shadow .2s;justify-content:center;gap:14px;letter-spacing:1px}
.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #2e9cfba2,inset 0 1px #e6fdffe0}
.form-stack input:not([type=file]),.form-stack textarea{background:#041327eb;border:1px solid #307bbb;border-radius:5px;box-shadow:inset 0 0 12px #001528aa;color:#e3f6ff}
.form-stack label{color:#d2e8fa}.tag{background:#0e385fb8;border-color:#247ad6;color:#b6e7ff}.tag-red{color:#ff9dab;border-color:#bf3954;background:#35132c}
.draft-list{max-height:400px}.table-scroll{scrollbar-color:#237abd #0b1b31}
.table-scroll thead{position:sticky;top:0;background:#0c2948}table th{color:#a9dfff}table td{color:#c3ddf1}table td strong{color:#f0fbff}
.history-panel{margin-top:16px}
.login-illustration img{animation:sineriaDragonFloat 9s ease-in-out infinite}
.login-card{border-color:#4a9bdc}
@media(max-width:1400px){.site-header{gap:13px}.top-nav a{padding:13px 8px;font-size:11px}.grid-two>.panel{grid-column:span 6}.grid-two>.panel:nth-child(4){grid-column:span 6}}
@media(max-width:970px){.site-header{position:relative;flex-wrap:wrap}.top-nav{order:3;width:100%;justify-content:center;overflow-x:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two>.panel{grid-column:span 12!important}.intro{height:240px;min-height:240px}}
@media(max-width:620px){.dashboard{padding:12px}.intro{height:225px;min-height:225px;background-position:center top}.intro .hero-caption h1{font-size:19px;letter-spacing:4px}.intro .hero-caption .muted{font-size:9px}.intro .hero-rune{width:155px;height:155px}.stats article{padding:12px}.stats strong{font-size:27px}.panel{padding:16px}.top-nav{justify-content:start}.top-actions{white-space:normal}}
@media(prefers-reduced-motion:reduce){.intro .hero-rune,.panel:before{animation:none!important}}

/* SINERIA STORM BRANDING 2.0 - logo derived from the provided banner artwork. */
.site-header .brand img{width:218px;height:70px;object-fit:contain;filter:drop-shadow(0 0 7px #2da8ffb0);animation:sineriaWordmarkBreathe 5s ease-in-out infinite;transform-origin:center}
.site-header .brand span strong{display:none}
.site-header .brand span small{font-size:10px;letter-spacing:1.5px;color:#9edaff;max-width:175px;line-height:1.4}
@keyframes sineriaWordmarkBreathe{
  0%,100%{filter:drop-shadow(0 0 6px #3b9aff99) drop-shadow(0 0 5px #114b9399);transform:translateY(0)}
  50%{filter:drop-shadow(0 0 13px #70e2ffee) drop-shadow(0 0 18px #1976ff99);transform:translateY(-2px)}
}
.login-wordmark{display:block;width:min(360px,100%);height:auto;margin:0 0 15px;object-fit:contain;filter:drop-shadow(0 0 16px #46a9ff8a);animation:sineriaWordmarkBreathe 5s ease-in-out infinite}
@media(max-width:1200px){.site-header .brand img{width:175px;height:57px}.site-header .brand span small{display:none}}
@media(max-width:650px){.site-header .brand img{width:140px;height:45px}}
@media(prefers-reduced-motion:reduce){.site-header .brand img,.login-wordmark{animation:none!important}}

/* Sineria original-banner correction – preserve the unmodified wordmark. */
.intro{background-image:linear-gradient(0deg,rgba(5,14,29,.17),rgba(5,14,29,.04)),url('/assets/hero-banner.jpg')!important;background-position:center;background-size:cover!important;min-height:330px}
.intro::after{display:none!important}
.intro .hero-rune{display:none!important}
.intro .hero-caption{position:relative;max-width:410px;padding:17px 20px;background:linear-gradient(90deg,rgba(5,16,34,.87),rgba(5,16,34,.05));border-left:1px solid rgba(112,204,255,.46);backdrop-filter:none;z-index:1}
.intro .hero-caption h1{font-size:clamp(28px,3vw,46px)}
@media(max-width:670px){.intro{min-height:265px;background-position:52% center}.intro .hero-caption{max-width:90%;padding:12px}}