@font-face{font-family:Noto;src:url(assets/NotoSans-Regular.ttf)}@font-face{font-family:Noto;src:url(assets/NotoSans-Bold.ttf);font-weight:700}@font-face{font-family:NotoMono;src:url(assets/NotoSansMono-Regular.ttf)}
:root{--blue:#0867c9;--navy:#112e4a;--muted:#64748b;--line:#dce4ec;--bg:#f3f6fa;--teal:#008b8b;--reading:18px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px Noto,Arial,sans-serif;color:var(--navy)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #70befc;outline-offset:3px}button,.btn{border:1px solid var(--line);background:white;color:var(--navy);border-radius:9px;padding:9px 14px;transition:background .15s}button:hover{background:#edf5fd}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#0057af}.teal{background:var(--teal);color:white}.danger{color:#ba3636}.quiet{border-color:transparent;background:transparent}input,select,textarea{border:1px solid #ccd8e4;border-radius:8px;padding:10px;background:white;color:var(--navy);max-width:100%}input[type=checkbox]{accent-color:var(--blue);width:20px;height:20px;cursor:pointer}textarea{resize:vertical;width:100%}label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}h1{font-size:29px;margin:0}h2{font-size:22px;margin:0 0 14px}h3{font-size:18px}p{line-height:1.65}small,.muted{color:var(--muted)}.topbar{height:83px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 27px;position:sticky;top:0;z-index:20}.brand{font-size:21px;font-weight:700}.brand small{font-size:13px;display:block;font-weight:400}.top-actions{display:flex;gap:7px;align-items:center}.avatar{background:var(--navy);color:white;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-weight:700}.layout{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:calc(100vh - 83px)}aside{border-right:1px solid var(--line);padding:20px 14px;background:#fafcfe;position:sticky;top:83px;height:calc(100vh - 83px);overflow:auto}.navbtn{display:block;text-align:left;width:100%;margin:4px 0;border:none;background:transparent;padding:12px 14px}.navbtn.active{background:#e3f1ff;color:#0063bd;font-weight:700}.categories-title{border-top:1px solid var(--line);margin-top:22px;padding:21px 12px 7px;font-size:11px;letter-spacing:1.2px;color:var(--muted)}.cat{font-size:14px}.sub{padding-left:24px;font-size:13px}.count{float:right;font-size:11px;color:var(--muted)}main{padding:28px 30px 115px;min-width:0;max-width:1400px;width:100%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.search{width:100%;padding:14px 18px;font-size:16px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 20px}.filters select{font-size:14px;min-width:135px}.filters label{display:flex;align-items:center;gap:7px;font-weight:400;margin:0}.breadcrumb{font-size:13px;color:var(--muted);margin:16px 2px}.card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:23px;margin:14px 0;box-shadow:0 2px 5px #102e4705}.card-head{display:flex;align-items:flex-start;gap:13px}.card-head input{flex-shrink:0;margin-top:5px}.num{background:#edf1f6;color:#536b81;border-radius:6px;padding:4px 8px;font-size:12px;white-space:nowrap}.title{font-size:22px;margin:0;line-height:1.45}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.badge{font-size:11px;color:#245f98;background:#e8f2ff;border-radius:20px;padding:4px 10px}.badge.teal{background:#dcf4ee;color:#08756c}.badge.amber{background:#fff2da;color:#8c611d}.rich{font-size:var(--reading);line-height:1.75;overflow-wrap:anywhere}.rich p{margin:10px 0}.rich img{max-width:100%;height:auto;display:block;margin:13px auto}.rich table{border-collapse:collapse;max-width:100%;width:100%;font-size:.88em;margin:15px 0}.rich td,.rich th{border:1px solid #cbd5e1;padding:8px;vertical-align:top}.rich pre,.rich code{font-family:NotoMono,monospace;white-space:pre-wrap;font-size:calc(var(--reading) - 2px);line-height:1.55;tab-size:4}.rich pre{background:#f3f6f9;padding:15px;border-radius:7px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.card-actions button{font-size:13px}.push{margin-left:auto}.solution{border-top:1px solid var(--line);margin-top:17px;padding-top:7px}.notes{margin-top:15px;font-size:13px}.notes p{background:#f5f7fa;padding:10px;border-radius:6px;white-space:pre-wrap}.selection-bar{position:fixed;bottom:0;left:265px;right:0;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:14px 30px;display:flex;align-items:center;gap:12px;z-index:22}.selection-bar .teal{margin-left:auto}.pagination{display:flex;gap:10px;justify-content:center;margin:24px 0}.empty{text-align:center;padding:50px;color:var(--muted)}.status{font-size:11px;color:var(--muted);padding:0 12px}.toast{position:fixed;bottom:85px;right:25px;max-width:600px;white-space:pre-wrap;background:#12334d;color:white;padding:15px 22px;border-radius:9px;z-index:100;box-shadow:0 5px 25px #0002}.toast.error{background:#8c3030}dialog{border:0;border-radius:15px;box-shadow:0 20px 90px #102e4738;width:min(920px,95vw);padding:0;max-height:92vh;color:var(--navy)}dialog::backdrop{background:#102c4770;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 25px;z-index:3}.dialog-head h2{margin:0;font-size:21px}.dialog-body{padding:23px 25px}.dialog-foot{padding:17px 25px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;background:white;z-index:3}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{margin-bottom:16px}.field input:not([type=checkbox]),.field select{width:100%}.editor{border:1px solid #cad6e3;border-radius:8px;overflow:hidden}.editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;background:#f4f7fa;border-bottom:1px solid var(--line);padding:7px}.editor-toolbar button{font-size:12px;padding:5px 8px}.editor-surface{min-height:150px;max-height:400px;overflow:auto;padding:15px;outline:0;background:white}.editor-surface:focus{box-shadow:inset 0 0 0 2px #aad5ff}.worksheet-item{border:1px solid var(--line);border-radius:9px;padding:14px;margin:10px 0;background:white}.worksheet-item .row{display:flex;gap:8px;align-items:center}.worksheet-item .row strong{flex:1}.worksheet-item label{display:flex;align-items:center;gap:8px;font-weight:400;margin-top:10px}.item-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.login{max-width:620px;margin:12vh auto;padding:40px;background:white;border:1px solid var(--line);border-radius:15px}.login h1{margin-bottom:15px}.help{font-size:13px;line-height:1.7}.mobile-menu{display:none}.row{display:flex;gap:10px;align-items:center}.hidden{display:none!important}
@media(max-width:900px){.layout{grid-template-columns:220px 1fr}aside{padding:15px 9px}.selection-bar{left:220px}main{padding:22px 18px 110px}.title{font-size:20px}.card{padding:17px}.topbar{padding:12px 18px}.brand{font-size:18px}}
@media(max-width:680px){.layout{display:block}aside{display:none;position:fixed;top:83px;left:0;width:270px;z-index:30;box-shadow:10px 0 30px #0002}aside.open{display:block}.mobile-menu{display:block}.selection-bar{left:0;padding:12px;font-size:12px}.selection-bar button{font-size:12px;padding:8px}.top-actions .status{display:none}.brand{font-size:15px}.topbar{padding:10px;height:83px}.grid2,.backup-grid{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:23px}.heading button{font-size:12px}.card-head{gap:8px}.num{font-size:10px}.title{font-size:19px}.card-actions .push{margin-left:0}main{padding:19px 12px 110px}.dialog-body{padding:16px}.top-actions button{padding:6px}.rich{font-size:var(--reading)}}