:root{--ink:#183047;--navy:#103756;--accent:#1371a9;--sub:#66798d;--stroke:#dce6ee;--surface:#fff;--back:#f4f7fb;--success:#196f47}
*{box-sizing:border-box}html{background:var(--back);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink)}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent)}button,input{font:inherit}.wrap{max-width:1080px;margin:auto;width:calc(100% - 36px)}.top{background:var(--navy);color:#fff}.bar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:23px;letter-spacing:1.1px;font-weight:850}.brand-icon{display:grid;place-items:center;width:55px;height:55px;background:#fff;color:var(--navy);border-radius:13px;font-size:18px;letter-spacing:-.8px}.brand-text small{display:block;font-size:10px;font-weight:600;letter-spacing:1px;opacity:.75}.header-right{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.hello{font-size:13px;opacity:.9}.admin-link,.logout{border:0;background:transparent;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;padding:0}.admin-link:hover,.logout:hover{text-decoration:underline}.nav{background:#fff;border-bottom:1px solid var(--stroke)}.navlinks{display:flex;gap:28px;overflow-x:auto;white-space:nowrap;padding:17px 0}.navlinks a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:680}.navlinks a:hover{color:var(--accent)}.main{padding:38px 0 55px;flex:1}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:850;color:var(--accent)}h1{font-size:clamp(27px,4vw,39px);line-height:1.15;letter-spacing:-1.1px;margin:9px 0 12px}h2{font-size:19px;margin:0;letter-spacing:-.2px}.lead{color:var(--sub);font-size:16px;line-height:1.55;margin:0 0 30px;max-width:740px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:24px;box-shadow:0 9px 26px rgba(16,55,86,.035);margin-bottom:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-title a{font-weight:700;text-decoration:none;font-size:13px}.entry{border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;color:var(--ink);text-decoration:none}.entry:last-child{border-bottom:0;padding-bottom:2px}.entry b{display:block;font-size:14px}.entry:hover b{color:var(--accent)}.entry small{display:block;font-size:12px;color:var(--sub);margin-top:5px}.entry-right{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:750;white-space:nowrap;color:var(--accent)}.chev{font-size:24px;font-weight:400;color:var(--accent)}.muted{color:var(--sub);line-height:1.55}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-block;background:var(--navy);border:1px solid var(--navy);color:#fff;border-radius:10px;padding:14px 19px;text-decoration:none;font-size:14px;font-weight:780;cursor:pointer;text-align:center}.btn:hover{background:#215577}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--navy)}.btn.secondary:hover{background:#eaf4fa}.btn.full{width:100%;margin-top:18px}.hint{color:var(--sub);font-size:12px;line-height:1.55;margin:18px 0 0}.info{padding:16px 20px;background:#eaf4fa;border-left:4px solid var(--accent);border-radius:9px;color:#3c5b72;font-size:13px;line-height:1.6}.status-right{text-align:right;white-space:nowrap}.pill{display:block;background:#edf0f3;color:#607385;border-radius:50px;padding:5px 10px;font-size:11px;margin-top:8px;text-align:center;font-weight:650}.pill.ok{background:#e3f5e9;color:var(--success)}.pill.warn{background:#fff3d9;color:#986712}.pill.bad{background:#ffe8e7;color:#af3535;margin-top:0}.listing{max-width:920px}.detail{max-width:710px}.back{display:inline-block;margin-bottom:23px;text-decoration:none;font-weight:700}.big-time{font-size:clamp(30px,6vw,48px);color:var(--navy);font-weight:850;letter-spacing:-1.5px;margin-bottom:23px}.data-grid{display:grid;gap:15px}.data-grid>div{display:flex;justify-content:space-between;gap:16px;line-height:1.55}.data-grid span{color:var(--sub);white-space:nowrap}.data-grid b{text-align:right;overflow-wrap:anywhere}.detail hr{border:0;border-top:1px solid var(--stroke);margin:25px 0}.confirmed{background:#e5f6ed;color:var(--success);font-weight:760;padding:15px 17px;border-radius:10px}.cancelled{padding:16px;border-radius:9px;background:#ffeeec;color:#aa3838;font-size:19px;font-weight:850;margin-bottom:20px}.notice-body{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.notice-body p{margin-top:0}.login-wrap{max-width:540px;margin:20px auto}.login-panel{padding:30px}.login-panel label{display:block;font-size:14px;font-weight:730;margin:19px 0 8px}.login-panel input,.detail input:not([type="hidden"]){display:block;width:100%;padding:13px 14px;border:1px solid #b7c9d6;border-radius:8px}.login-panel input:focus{outline:2px solid #4aa6df}.danger{padding:12px 15px;background:#ffe7e5;color:#a52625;border-radius:9px}.alert{border:1px solid #c6e1d5;background:#e9f7ee;color:#246345;border-radius:10px;padding:13px 16px;margin-bottom:17px;font-size:14px}.detail form p{line-height:1.5}.detail form p label{display:block;font-weight:700;margin-bottom:6px}.detail form ul{color:var(--sub);font-size:12px}footer{border-top:1px solid var(--stroke);color:var(--sub);font-size:12px;padding:25px 0}
@media(max-width:720px){.wrap{width:calc(100% - 26px)}.bar{align-items:flex-start;padding:15px 0;min-height:74px}.brand{font-size:19px}.brand-icon{width:45px;height:45px;font-size:15px}.header-right{justify-content:flex-end;gap:10px}.hello{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navlinks{gap:21px;padding:15px 0}.columns{grid-template-columns:1fr;gap:0}.main{padding:30px 0}.panel{padding:19px}.login-panel{padding:22px}.entry-right{font-size:12px}.entry b{font-size:13px}.status-right b{font-size:13px}.data-grid>div{display:block}.data-grid b{text-align:left;display:block;margin-top:4px}.lead{font-size:15px}}