@font-face{font-family:Manrope;src:url('/fonts/manrope.ttf') format('truetype');font-display:swap}*{box-sizing:border-box;margin:0}body{display:flex;flex-direction:column;align-items:center;font-family:Manrope,system-ui,sans-serif;background:#f5f5f2;color:#171916;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #d9d9d2;border-radius:10px;background:white;color:inherit;text-decoration:none;cursor:pointer}button.primary,.button.primary{background:#fbd100;border-color:#fbd100;font-weight:700}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d2d5cc;border-radius:8px;background:#fff;color:#171916}input[type=checkbox]{width:20px;height:20px}textarea{min-height:100px;resize:vertical}label{display:flex;flex-direction:column;gap:6px;font-size:14px}header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 1200px)/2));background:white;border-bottom:1px solid #e3e5dd}header nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header img{width:120px;height:auto}main{max-width:1240px;padding:32px 20px 72px;width:100%;display:flex;flex-direction:column;gap:24px}h1{font-size:30px;line-height:1.2}h2{font-size:20px}h3{font-size:17px}.muted{color:#646b60;font-size:14px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row>*{min-width:0}.spread{justify-content:space-between}.stack,form{display:flex;flex-direction:column;gap:14px}.panel{background:white;border:1px solid #e1e4da;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:18px}.columns{display:flex;gap:24px;align-items:flex-start}.columns>.stack{flex:2;min-width:0}.columns>aside{flex:1;min-width:260px}.stats{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:180px;padding:22px;border-radius:14px;background:#fff;border:1px solid #e1e4da;display:flex;flex-direction:column;gap:8px}.stat strong{font-size:27px}.stat.accent{background:#fbd100;border-color:#fbd100}.code{font-size:28px;overflow-wrap:anywhere;font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid #e9ebe4;font-size:14px}th{color:#646b60;font-weight:600}.materials{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.material{flex:0 1 calc(33.333% - 12px);min-width:180px;display:flex;flex-direction:column;gap:12px;border:1px solid #e1e4da;border-radius:12px;overflow:hidden;padding:12px}.material img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f4f4ee;border-radius:8px}.material .row{gap:8px}.material .button{flex:1;font-size:13px;padding:8px}.status{padding:12px 16px;background:#fff6d8;border-radius:10px;overflow-wrap:anywhere}.status:empty{display:none}.notification{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #e1e4da;border-radius:10px}.notification p{white-space:pre-wrap}.notification.read{opacity:.65}.fields{display:flex;flex-wrap:wrap;gap:12px}.fields>label{flex:1;min-width:120px}.login{min-height:85vh;justify-content:center;align-items:center}.login>.panel{width:100%;max-width:420px;padding:32px}.login h1{font-size:26px}details{display:flex;flex-direction:column;gap:16px}summary{cursor:pointer;font-weight:700;padding:6px 0}details>form,details>.stack{padding-top:16px}.inline-check{flex-direction:row;align-items:center}.admin-nav{display:flex;gap:8px;flex-wrap:wrap}.admin-nav a{padding:8px 12px;background:#fff;border:1px solid #e1e4da;border-radius:8px;text-decoration:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.preview{max-width:360px;width:100%;object-fit:contain}small{color:#646b60}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a78c00;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.columns{flex-direction:column}.columns>.stack,.columns>aside{width:100%;min-width:0}.material{flex-basis:calc(50% - 9px)}header{padding:16px 20px}.panel{padding:18px}}@media(max-width:480px){.material{flex-basis:100%}main{padding:22px 14px 48px}.stat{min-width:130px;padding:16px}.stat strong{font-size:22px}header nav{gap:8px;font-size:13px}.code{font-size:23px}}
