:root{font-family:Inter,system-ui,sans-serif;color:#183b47;background:#f3f6f6}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:240px;background:#122f3b;color:#dce8eb;padding:28px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{color:#f3d28b;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:36px;margin-bottom:36px}.brand span{font-size:18px;font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#b8ccd1;margin-top:8px}nav{display:grid;gap:8px}button{font:inherit;min-height:44px;border:1px solid #d1dddf;border-radius:10px;padding:10px 16px;background:#fff;color:#244452;cursor:pointer}nav button{text-align:left;background:transparent;border:0;color:#c3d4d9}nav button.active{background:#24515f;color:#fff}button:hover{filter:brightness(.97)}button:disabled{opacity:.55;cursor:default}.primary{background:#087f75;color:white;border-color:#087f75;font-weight:650}.footer{margin-top:auto;padding-top:40px;color:#aac0c8;line-height:1.8}#logout{margin-top:24px}main{margin-left:240px;width:calc(100% - 240px);padding:34px 44px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:18px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px;margin:0 0 18px}p,small{color:#617780;line-height:1.6}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#087f75}.badge{background:#e7eeec;border-radius:30px;padding:9px 14px;color:#315b54;font-size:12px;font-weight:700}.panel{background:#fff;border:1px solid #dce6e8;border-radius:16px;padding:26px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat b{display:block;font-size:32px;margin-top:12px}.stat span{font-size:13px;color:#677d85}.safe{background:#fff7df;border:1px solid #e9dcad;color:#746030;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:13px}form{max-width:900px}label{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;border:1px solid #c9d7dc;border-radius:8px;min-height:44px;padding:10px 12px;color:#244452;background:white;width:100%}input[type=checkbox]{width:22px;min-height:22px;accent-color:#087f75}.check{flex-direction:row;align-items:center;justify-content:space-between;background:#f7f9f9;padding:14px;border-radius:9px}textarea{min-height:70px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6c828a;font-weight:600}th,td{padding:14px 8px;border-bottom:1px solid #e7eeee;vertical-align:top}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;max-width:500px}#notice{color:#875231;min-height:20px}#login{max-width:540px}#login form{display:grid}details{margin:12px 0}summary{cursor:pointer;min-height:44px;padding:12px 0}@media(max-width:720px){body{display:block}aside{position:static;width:auto;padding:16px}.brand{margin-bottom:12px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.footer{display:none}main{margin:0;width:100%;padding:20px}header{align-items:flex-start}h1{font-size:26px}.fields{grid-template-columns:1fr}.panel{padding:18px}table{display:block;overflow-x:auto}.badge{white-space:nowrap}}

@media(max-width:720px){header{flex-wrap:wrap;gap:12px}header>div{flex-basis:100%;min-width:0}header>button{margin-right:auto}.badge{max-width:100%;white-space:normal}aside,main{max-width:100vw}pre{max-width:100%}}

.panel{min-width:0;overflow-x:auto}td{overflow-wrap:anywhere}