:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--theme-text);background:var(--theme-background)}*{box-sizing:border-box}body{margin:0}header{background:var(--theme-header);color:white;display:flex;justify-content:space-between;align-items:center;padding:17px 30px;gap:20px}.brand{color:white;font-weight:800;font-size:23px;text-decoration:none;letter-spacing:.08em}.brand small{font-size:12px;font-weight:400;display:block;letter-spacing:.03em;color:#90b6dc}.user{font-size:13px}main{display:flex;min-height:calc(100vh - 78px)}nav{width:220px;flex-shrink:0;background:var(--theme-sidebar);padding:16px 10px}nav a{display:block;text-decoration:none;color:var(--theme-navtext);padding:11px 16px;border-radius:7px}nav a:hover{background:var(--theme-accent)}.content{padding:30px;flex:1;min-width:0}h1{font-size:27px;margin:0 0 20px}h2{font-size:18px}.panel{background:white;border:1px solid #dde5ee;border-radius:14px;padding:23px;margin-bottom:22px;overflow:auto}.narrow{max-width:440px;margin:35px auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin-bottom:22px}.card{display:flex;flex-direction:column;gap:16px;background:white;text-decoration:none;color:var(--theme-text);padding:23px;border:1px solid #dce4ec;border-radius:13px}.card strong{font-size:32px;color:var(--theme-accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}label{display:block;font-size:13px;font-weight:650;margin-bottom:13px}input,select,textarea{display:block;width:100%;border:1px solid #b9c5d4;border-radius:7px;padding:10px;margin-top:5px;font:inherit;background:white}button,.btn{display:inline-block;padding:10px 14px;border:1px solid #becbda;border-radius:7px;background:white;cursor:pointer;font:inherit;color:#17324b;text-decoration:none}.primary{background:var(--theme-accent);color:#fff;border-color:var(--theme-accent)}.danger{color:#b91c1c;margin-top:5px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}.toolbar form{display:flex;gap:8px}.toolbar input{width:270px}.tablebox{overflow:auto;background:white;border:1px solid #dce4ec;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e7edf4;white-space:nowrap}th{background:var(--theme-subtle);position:sticky;top:0}.flash{background:var(--theme-subtle);padding:12px;border-left:4px solid #0284c7}.inline{display:inline-block;margin-left:8px}@media(max-width:800px){main{display:block}nav{width:auto;display:flex;overflow:auto}nav a{white-space:nowrap}.content{padding:16px}}

:root{--theme-header:#0b1930;--theme-sidebar:#142b49;--theme-accent:#086bb1;--theme-background:#f0f5fa;--theme-surface:#fff;--theme-text:#172b40;--theme-subtle:#e5eff8;--theme-navtext:#eff7ff}.panel,.card,.tablebox{background:var(--theme-surface)}.card{color:var(--theme-text)}nav a{color:var(--theme-navtext)}.brand small{color:var(--theme-navtext)}button.primary,.btn.primary{background:var(--theme-accent);border-color:var(--theme-accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--theme-accent);outline-offset:2px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0}.theme-option{cursor:pointer;border:1px solid #b9c5d4;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.theme-option input{width:auto;margin:0}.theme-option:has(input:checked){outline:3px solid var(--theme-accent)}.theme-preview{display:flex;height:62px;padding:9px;gap:5px;border-radius:8px;border:1px solid #ddd}.theme-preview span{flex:1;border-radius:4px}.confirm-label{font-size:11px;max-width:160px;white-space:normal;margin-top:6px}.confirm-label input{width:155px;font-size:12px}td form{display:flex;flex-direction:column;align-items:flex-start}td .danger{margin-top:3px}