:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142b4b;background:#f2f6fc;font-synthesis:none;--navy:#072b60;--blue:#087bd4;--green:#86ee35;--muted:#53677f;--border:#dce5f1;--surface:#fff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#dceeff 0,transparent 45%),#f2f6fc;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:12px;padding:11px 15px;font-weight:700;transition:background .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.filebutton:focus-within{outline:3px solid #087bd4;outline-offset:3px}header{background:#ffffffed;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(20px,calc((100vw - 940px)/2));border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand strong{display:block;font-size:21px;letter-spacing:-.5px;color:var(--navy)}.brand small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.logo{width:56px;height:56px;border-radius:12px}main{max-width:940px;margin:auto;padding:28px 16px 60px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#061c43 0%,#074a96 65%,#087bd4 100%);border:1px solid #0b59a3;border-radius:24px;color:#fff;padding:32px;margin-bottom:20px;box-shadow:0 12px 30px #072b6018}.hero:after{content:'';position:absolute;right:-45px;top:-90px;width:220px;height:220px;border:30px solid #8bee3524;border-radius:50%;pointer-events:none}.hero h1{font-size:clamp(24px,4vw,35px);line-height:1.2;letter-spacing:-.7px;margin:10px 0}.hero p{margin:0;color:#e0edff}.hero .eyebrow{color:#aeff60}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.tabs{display:flex;gap:5px;background:#e5edf8;border:1px solid var(--border);border-radius:15px;padding:6px;margin:22px 0;overflow:auto}.tabs button{flex:1;background:transparent;color:#355375;white-space:nowrap;min-height:44px}.tabs button:hover{background:#f5f9ff}.tabs button.active{background:var(--navy);color:white;box-shadow:inset 0 -3px #86ee35}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat,.panel,.item,.tools{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 4px 18px #072b6005}.stat{border-top:3px solid #087bd4}.stat:last-child{border-top-color:#43bd1d}.stat b{display:block;font-size:32px;margin-top:8px;color:var(--navy);letter-spacing:-1px}.muted,.stat span,.item small{color:var(--muted);font-size:13px}.sectionbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 13px}.sectionbar h2{margin:0;font-size:21px;color:var(--navy);letter-spacing:-.4px}.primary{background:linear-gradient(110deg,#a9f745,#69e83b);color:#092e26;box-shadow:0 3px 8px #3fa51c16}.primary:hover{background:#a9f745;box-shadow:0 4px 12px #3fa51c25}.secondary,.filebutton{background:#edf4ff;color:#074b91;border:1px solid #ccdef4}.secondary:hover,.filebutton:hover{background:#dfeeff}.quiet{background:transparent;color:var(--navy);border-color:var(--border)}.quiet:hover{background:#edf4ff}.danger{background:#fff1ef;color:#a72f26;border-color:#f5d3cf;margin-top:12px}.items{display:grid;gap:12px}.item{display:flex;align-items:center;gap:14px;justify-content:space-between}.item .detail{flex:1;min-width:0}.item strong{display:block;overflow-wrap:anywhere}.item small{display:block;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.item .actions{flex-wrap:wrap;justify-content:end}.actions{display:flex;gap:8px;align-items:center}.actions button,.filebutton{font-size:13px;padding:10px 13px;min-height:42px}.filebutton{border-radius:12px;cursor:pointer;font-weight:700}.pill{display:inline-block;font-size:11px;font-weight:750;padding:6px 9px;border-radius:8px;background:#e9f8df;color:#275c17}.pill.late{background:#fff0e7;color:#964217}.empty{padding:38px 20px;text-align:center;color:var(--muted);border:1px dashed #b6cae5;border-radius:18px;background:#ffffff80}.tools{margin-top:28px}details summary{cursor:pointer;font-weight:700;color:var(--navy)}details p{line-height:1.6;color:var(--muted)}footer{text-align:center;color:#53677f;font-size:12px;padding:20px;line-height:1.6}dialog{border:1px solid var(--border);border-radius:22px;padding:24px;width:min(94vw,510px);box-shadow:0 20px 70px #071c4350;color:#142b4b}dialog::backdrop{background:#061c4399}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.modalhead h2{margin:0 0 18px;color:var(--navy)}label.field{display:block;font-size:13px;font-weight:650;margin-bottom:17px;line-height:1.5}label.field input,label.field select,label.field textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #bacce3;border-radius:11px;background:#fbfdff;color:#142b4b;min-height:46px}textarea{min-height:90px;resize:vertical}#notice:not(:empty){background:#edf4ff;border:1px solid #ccdef4;border-radius:12px;padding:13px;margin:12px 0;color:#154477;overflow-wrap:anywhere}a{color:#0755a5}#syncPanel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}#syncStatus{font-size:13px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}#retrySync{flex-shrink:0}
@media(max-width:650px){.stats{grid-template-columns:repeat(2,1fr)}.item{align-items:flex-start;flex-direction:column}.item .actions{width:100%;justify-content:start}.tabs button{padding:10px 12px;font-size:12px}header{padding:12px 16px}.hero{padding:25px}.stat{padding:16px}.sectionbar{flex-wrap:wrap}#syncPanel{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}