:root{font-family:system-ui,sans-serif;color:#16332e;background:#f2f5ef;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:32px auto;padding:24px}nav{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #becbc0}a{color:#176b55}h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:12px}h2{font-size:1.25rem}p{line-height:1.6}#intro{max-width:900px;color:#52645a}#scope{font-weight:600}section{background:white;border:1px solid #d5dfd3;border-radius:14px;padding:20px;margin:20px 0;min-width:0}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.columns section{margin-bottom:0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}label{display:grid;gap:6px;font-size:.95rem}input,textarea,select,button{font:inherit}input:not([type=checkbox]),textarea,select{width:100%;padding:10px;border:1px solid #a7b9ad;border-radius:6px;background:#fff;color:#16332e}input:read-only{background:#eef2ed}textarea{min-height:90px;resize:vertical}button{background:#176b55;color:white;border:1px solid #176b55;border-radius:6px;padding:9px 14px;cursor:pointer;margin:6px 8px 6px 0}button.secondary{background:white;color:#176b55}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dd8b21;outline-offset:2px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th,td{padding:10px 8px;border-bottom:1px solid #e3e9e1;vertical-align:top;overflow-wrap:anywhere}th{color:#52645a;font-weight:600}td button{font-size:.85rem;padding:6px 8px}small,.hint{color:#52645a;font-size:.85rem;line-height:1.6}.notice{background:#fff6db;border-left:4px solid #a56b09;padding:12px}.error{color:#9d281c;background:#fff0ec;padding:12px;border-radius:6px}.success{color:#176b55;background:#e4f3e9;padding:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:150px}.check{display:flex;align-items:center;gap:8px;margin:16px 0}.identity{font-family:ui-monospace,monospace;font-size:.8rem;overflow-wrap:anywhere}fieldset{border:0;padding:0;margin:16px 0}legend{font-weight:600;margin-bottom:12px}[hidden]{display:none!important}@media(max-width:850px){main{margin:8px auto;padding:16px}.columns{grid-template-columns:1fr;gap:0}.fields{grid-template-columns:1fr}section{padding:16px}table{min-width:600px}}
nav{align-items:center;flex-wrap:wrap;gap:16px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;max-width:100%;text-decoration:none;color:#0a1145}.brand img{display:block;width:184px;max-width:calc(100% - 56px);height:auto}.system-name{font-weight:700;line-height:1;border-left:1px solid currentColor;padding-left:12px}@media(max-width:480px){.brand img{width:160px}}

:root{background:#f5f6f8;color:#182231}main{max-width:1280px}nav{align-items:center;gap:20px;flex-wrap:wrap}h1{color:#0a1145;letter-spacing:-.03em}.workspace-nav{position:sticky;top:0;z-index:2;background:#fff;border:1px solid #e1e5eb;border-radius:9px;padding:15px 20px;margin:20px 0;justify-content:flex-start;gap:30px}.workspace-nav a{font-size:14px;color:#0a1145;text-decoration:none;font-weight:650}section{scroll-margin-top:90px;border-color:#e1e5eb;box-shadow:0 2px 8px #17224404}.publication{box-shadow:none;background:#f7f8fb}#storefront .fields{grid-template-columns:repeat(2,minmax(0,1fr))}#storefront .fields label:has(textarea){grid-column:1/-1}#login{max-width:560px;margin:40px auto;padding:30px}#login .fields{grid-template-columns:1fr}#login h2{color:#0a1145}#scope{font-size:13px;color:#687184}#toolbar{display:flex;justify-content:flex-end}button{background:#0a1145;border-color:#0a1145}button.secondary{color:#0a1145}form>a{display:inline-block;margin:10px 16px 10px 0;color:#a94008}#storefront>form>p{font-size:13px;color:#677185}section h2{color:#0a1145}@media(max-width:720px){#storefront .fields{grid-template-columns:1fr}.workspace-nav{gap:18px;padding:13px}.workspace-nav a{font-size:12px}.brand img{width:160px}}
