:root{--ink:#171717;--muted:#666;--line:#e5e5e5;--paper:#f7f7f6;--white:#fff;--red:#d71920;--red-dark:#aa1118;--pink:#fff0f1;--green:#19743a;--shadow:0 18px 48px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,4rem);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 22px rgba(0,0,0,.05)}.brand{display:flex;align-items:center;gap:.8rem;color:inherit;text-decoration:none}.brand img{width:3.25rem;height:3.25rem;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{text-transform:uppercase;letter-spacing:.03em}.brand small{margin-top:.1rem;color:var(--muted);font-size:.82rem}.main-nav{display:flex;align-items:center;gap:.75rem}.main-nav a{padding:.65rem;color:var(--red-dark);font-weight:700;text-decoration:none}.user-chip{padding:.55rem .8rem;background:#f1f1f1;border-radius:999px;font-size:.9rem}.app-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0 5rem}.page-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-head h1{margin:.1rem 0 .45rem;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1}.page-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:1.05rem}.eyebrow{margin:0 0 .6rem;color:var(--red);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.head-actions{display:flex;gap:.7rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1rem;border:1px solid transparent;border-radius:8px;font-weight:800}.button.primary{color:#fff;background:var(--red)}.button.primary:hover{background:var(--red-dark)}.button.secondary{background:#fff;border-color:var(--line)}.button:disabled{cursor:not-allowed;opacity:.55}.button.small{min-height:2.65rem;padding:.65rem .85rem}.soon{margin-left:.45rem;padding:.16rem .4rem;border-radius:4px;background:#eee;color:#555;font-size:.68rem;text-transform:uppercase}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.admin-grid{display:grid;grid-template-columns:17rem minmax(0,1fr);gap:1.25rem}.account-list{align-self:start;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid var(--line)}.section-title h2{margin:0;font-size:1.15rem}.section-title p{margin:.2rem 0 0;color:var(--muted);font-size:.88rem}.section-title>span{padding:.2rem .5rem;border-radius:999px;background:#eee;font-size:.75rem}.account-item{display:grid;grid-template-columns:2.35rem 1fr auto;align-items:center;gap:.7rem;padding:.85rem 1rem;color:inherit;border-left:3px solid transparent;border-bottom:1px solid #eee;text-decoration:none}.account-item:hover,.account-item.active{background:var(--pink);border-left-color:var(--red)}.avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;color:var(--red-dark);background:#ffe1e3;font-weight:900}.account-item strong,.account-item small{display:block}.account-item strong{font-size:.92rem}.account-item small{margin-top:.2rem;color:var(--muted);font-size:.74rem}.status-dot{width:.6rem;height:.6rem;border-radius:50%;background:#aaa}.status-dot.submitted{background:var(--green)}.workspace{display:grid;gap:1.1rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem}.toolbar strong,.toolbar small{display:block}.toolbar small{margin-top:.2rem;color:var(--muted);font-size:.82rem}.month-picker{display:flex;align-items:center;gap:.55rem}.month-picker span{color:var(--muted);font-size:.82rem;font-weight:700}.month-picker input{width:auto}.month-picker.large{display:grid;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:8px}.badge{padding:.42rem .65rem;border-radius:999px;background:#eee;color:#555;font-size:.76rem;font-weight:800}.badge.submitted{color:#155724;background:#e5f4e9}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-card{padding:1.15rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:10px}.summary-card.accent{color:#fff;background:#171717;border-color:#171717}.summary-card span,.summary-card strong,.summary-card small{display:block}.summary-card span{color:var(--muted);font-size:.78rem;font-weight:700}.summary-card.accent span,.summary-card.accent small{color:#bbb}.summary-card strong{margin:.5rem 0 .25rem;font-size:1.75rem}.summary-card small{color:var(--muted);font-size:.76rem}.status-text{font-size:1.15rem!important}.status-text.submitted{color:var(--green)}.entries-card{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:.9rem 1.2rem;border-bottom:1px solid #eee;text-align:left}th{color:var(--muted);background:#fafafa;font-size:.72rem;text-transform:uppercase}tr:last-child td{border-bottom:0}.number{text-align:right}.actions{display:flex;justify-content:flex-end;gap:.35rem;white-space:nowrap}.actions form{margin:0}.icon-button,.link-button{padding:.35rem;border:0;color:#555;background:none;font-size:.78rem;font-weight:700}.icon-button:hover,.link-button:hover{color:var(--red)}.icon-button.danger{color:#a51d25}.empty{padding:3rem 1.5rem;text-align:center}.empty.compact{padding:1.3rem}.empty span{display:block;color:#bbb;font-size:2rem;font-weight:900}.empty h3{margin:.6rem 0 .3rem}.empty p{margin:.2rem auto 1rem;color:var(--muted)}.submit-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem}.submit-panel h2{margin:0 0 .3rem;font-size:1.1rem}.submit-panel p{max-width:42rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.reopen{text-align:right}.alert{margin:0 0 1rem;padding:.9rem 1rem;border-radius:8px;font-weight:700}.alert.success{color:#155724;background:#e6f4ea;border:1px solid #b7dfc2}.alert.error{color:#7f1d1d;background:#fff0f1;border:1px solid #f3b6bc}.alert.credential{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff7d6;border:1px solid #ead27b}.credential strong,.credential small{width:100%}.credential code{padding:.4rem .7rem;background:#fff;border-radius:5px;font-size:1.2rem;letter-spacing:.15em}.field{display:grid;gap:.4rem;font-weight:800}.field span{font-size:.88rem}.field small{color:var(--muted);font-weight:600}.field input,.field select,.month-picker input{width:100%;min-height:3rem;padding:.75rem .85rem;color:var(--ink);background:#fff;border:1px solid #d8d8d8;border-radius:8px}.field input:focus,.field select:focus,.month-picker input:focus{border-color:var(--red);outline:3px solid rgba(215,25,32,.13)}.input-suffix{position:relative}.input-suffix span{position:absolute;right:.9rem;top:1rem;color:var(--muted)}.input-suffix input{padding-right:2.2rem}.login-page{display:grid;min-height:100vh;place-items:center;padding:1.5rem}.auth-shell{display:grid;grid-template-columns:1fr minmax(20rem,.8fr);align-items:center;gap:clamp(2rem,8vw,7rem);width:min(900px,100%)}.auth-brand img{width:7rem;height:7rem;object-fit:contain}.auth-brand h1{max-width:10ch;margin:.2rem 0 1rem;font-size:clamp(2.7rem,6vw,5rem);line-height:.95}.auth-brand>p:not(.eyebrow){max-width:34rem;color:var(--muted);font-size:1.05rem;line-height:1.6}.auth-card{display:grid;gap:1.15rem;padding:clamp(1.25rem,4vw,2rem)}.form-help{margin:0;color:var(--muted);font-size:.82rem;text-align:center}dialog{width:min(540px,calc(100% - 2rem));padding:0;border:0;border-radius:12px;box-shadow:0 28px 90px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.dialog-card{display:grid;gap:1.15rem;padding:1.5rem}.dialog-head{display:flex;justify-content:space-between;gap:1rem}.dialog-head h2{margin:0;font-size:1.7rem}.close-button{align-self:start;width:2.2rem;height:2.2rem;border:0;border-radius:50%;background:#eee;font-size:1.4rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .full{grid-column:1/-1}.password-note{padding:.8rem;color:#65510b;background:#fff7d6;border-radius:7px;font-size:.82rem}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1rem,4vw,4rem);color:#eee;background:#111;font-size:.85rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.site-header{position:static}.user-chip{display:none}.app-main{width:min(100% - 1.2rem,1180px);padding-top:2rem}.page-head{align-items:stretch;flex-direction:column}.head-actions{display:grid;grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.account-list{max-height:18rem;overflow:auto}.summary-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-wrap:wrap}.auth-shell{grid-template-columns:1fr;gap:1.5rem}.auth-brand{text-align:center}.auth-brand img{width:5rem;height:5rem}.auth-brand h1{max-width:none}.auth-brand>p:not(.eyebrow){margin-left:auto;margin-right:auto}.submit-panel{align-items:stretch;flex-direction:column}.submit-panel .button{width:100%}th,td{padding:.8rem}.actions{align-items:flex-end;flex-direction:column}.site-footer{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.brand strong{font-size:.88rem}.brand small{font-size:.72rem}.brand img{width:2.7rem;height:2.7rem}.main-nav{gap:.2rem}.page-head h1{font-size:2.45rem}.head-actions,.form-grid{grid-template-columns:1fr}.dialog-actions{display:grid}.toolbar .badge{order:3}.section-title{align-items:flex-start}.entries-card .section-title{flex-direction:column}.entries-card .button{width:100%}}