:root{--deep:#153c3a;--ink:#17372e;--paper:#f8f7f1;--line:#e1e7da;--muted:#61766c;--orange:#f4ae73;--green:#2e8064;--danger:#a33e3c}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.6}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}input,textarea,select{width:100%;border:1px solid #d6e3d9;border-radius:11px;padding:12px 13px;min-height:43px;background:#fffefa;color:#19392f}textarea{min-height:70px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #e5a064;outline-offset:2px}label{display:block;font-size:12px;font-weight:750;margin:15px 0 6px}.shell{width:min(1250px,calc(100% - 48px));margin:auto}.header{background:#fffef8;border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:18px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.1}.brand strong{letter-spacing:-.02em}.brand small{display:block;color:#4a896d;letter-spacing:.14em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:700}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--deep);color:var(--orange);font-family:Georgia,serif;font-size:24px}.header nav{display:flex;align-items:center;gap:13px}.top-link{text-decoration:none;font-size:12px;font-weight:800;color:#315e4c}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:900;color:#24745b;margin:39px 0 13px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-head h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(30px,4.6vw,57px);line-height:1.1;letter-spacing:-.04em;max-width:780px;margin:0}.page-head h1 em{color:#c87951}.page-head p{max-width:640px;margin:16px 0 0;color:var(--muted);font-size:14px}.status{background:#f1f5ed;border:1px solid #dae7d9;border-radius:20px;padding:10px 14px;display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#ad996f}.status-dot.ready{background:#368c68}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.btn.dark{background:var(--deep);color:white}.btn.orange{background:var(--orange);color:#173a31}.btn.outline{background:transparent;border-color:#cadbcd;color:#245647}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:wait}.login-section{padding:48px 0 120px}.login-card{display:grid;grid-template-columns:60px 1fr;column-gap:22px;max-width:690px;margin:0 auto;padding:37px;border:1px solid var(--line);background:white;border-radius:23px;box-shadow:0 16px 50px rgba(18,57,49,.07)}.icon-box{width:58px;height:58px;background:#dfede3;border-radius:15px;display:grid;place-items:center;font-size:32px;color:#266748}.login-card h2{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:0}.login-card p{color:var(--muted);font-size:13px;margin:8px 0 0}.login-card form,.login-card .help{grid-column:2}.password-line{display:flex;gap:10px}.login-card .help{margin-top:22px;border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:var(--muted)}.error{background:#fff1ee;border-left:4px solid #ad4545;padding:11px 12px;color:#8b3131;font-size:12px}.success{background:#e8f5ed;border-left:4px solid #3d9571;padding:11px 12px;color:#246149;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;gap:12px}.metric{padding:20px 24px;background:#e8f0e7;border:1px solid #dbe7d9;border-radius:17px}.metric strong{font-size:27px;font-weight:850;display:block;line-height:1.15}.metric span{display:block;font-size:11px;color:#577365;margin-top:4px;font-weight:700}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:44px 0 18px}.toolbar h2,.editor-box h2{font-family:Georgia,serif;font-size:29px;font-weight:500;line-height:1.15;letter-spacing:-.03em;margin:0}.toolbar p{font-size:12px;color:var(--muted);margin:6px 0 0}.buttons{display:flex;gap:8px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:18px;align-items:start}.catalog-box,.editor-box{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 6px 30px rgba(22,65,49,.03)}.search-label{margin-top:0}.resource-list{display:flex;flex-direction:column;gap:10px;max-height:830px;overflow:auto;margin-top:17px;padding-right:4px}.item{border:1px solid #e1e8dc;border-radius:14px;padding:15px;background:#fffef9;display:flex;gap:12px;align-items:start;justify-content:space-between}.item strong{font-size:13px;line-height:1.3;display:block}.item p{font-size:11px;color:#5c7569;margin:6px 0;line-height:1.45}.item small{color:#6d8676;font-size:10px}.item .controls{display:flex;gap:4px;flex-shrink:0}.item button{border:1px solid #d8e4d8;background:#f2f7ef;color:#285a43;border-radius:8px;padding:7px 8px;font-weight:800;font-size:11px}.item button.delete{color:#9a3c3c;background:#fff1ef;border-color:#f3d8d3}.empty{font-size:13px;color:#6e8578;padding:23px;text-align:center}.editor-box .eyebrow{margin:0}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.plain{border:none;background:none;color:#587665;text-decoration:underline;font-size:11px;padding:5px}.editor-subtitle{font-size:12px;color:var(--muted);margin:7px 0 16px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.levels{display:flex;flex-wrap:wrap;gap:12px}.levels label,.feature{font-size:12px;font-weight:550;display:flex;align-items:center;gap:7px;margin:6px 0}.levels input,.feature input{width:auto;min-height:0;accent-color:#195c48}fieldset{margin:19px 0 11px;border:1px solid #dfe9dc;border-radius:12px;padding:12px 13px}legend{font-size:11px;font-weight:750;color:#416755}.feature{margin-top:19px}.submit{width:100%;margin-top:14px;padding:14px}.note{margin:27px 0 70px;background:#eaf1e7;border:1px solid #dae5d5;border-radius:14px;padding:17px;font-size:12px;color:#456353}.foot{display:flex;justify-content:space-between;gap:15px;font-size:11px;align-items:center;padding:24px 0;color:#a9c9ba}footer{background:#173c35;color:white}footer a{color:#f5c796;text-decoration:none}#dashboard[hidden],#login-section[hidden],#logout[hidden],.error[hidden],.success[hidden]{display:none!important}
@media(max-width:920px){.page-head{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.catalog-box{order:2}.editor-box{order:1}.resource-list{max-height:400px}.toolbar{flex-direction:column;align-items:flex-start}.buttons{width:100%}}
@media(max-width:600px){.shell{width:min(100% - 28px,1250px)}.header nav{gap:6px}.top-link{font-size:11px}.login-card{padding:23px;display:block}.icon-box{margin-bottom:15px}.password-line{flex-direction:column}.form-pair{grid-template-columns:1fr;gap:0}.metrics{grid-template-columns:1fr 1fr}.metrics .metric:last-child{grid-column:1/-1}.buttons .btn{flex:1}.item{flex-direction:column}.page-head h1{font-size:35px}.editor-box,.catalog-box{padding:20px}}