*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#202b3a;font:16px system-ui,sans-serif}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px}p{line-height:1.6;color:#586575}a{color:#c34e06}main{padding:36px}.public{max-width:580px;margin:5vh auto;background:white;border-radius:24px;box-shadow:0 14px 50px #17212f0d}.admin{margin-left:250px;max-width:1550px}aside{position:fixed;width:250px;inset:0 auto 0 0;background:#182433;color:white;padding:30px 22px}aside strong{font-size:20px}small{display:block;font-size:11px;letter-spacing:1px;margin-top:12px;color:#98a6b8}nav{display:grid;gap:9px;margin-top:45px}nav a{color:#e4eaf2;text-decoration:none;padding:13px;border-radius:10px}nav a:hover{background:#344153}label{display:block;font-weight:600;margin:17px 0}input,textarea,select{width:100%;padding:14px;border:1px solid #d9dfe7;border-radius:11px;font:inherit;margin-top:7px}textarea{min-height:110px}input[type=checkbox]{width:auto;margin-right:10px}button,.button{background:#ef741b;color:white;border:0;padding:15px 22px;border-radius:12px;font:600 15px system-ui;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.card{padding:25px;background:white;border-radius:18px;border:1px solid #e8ebef}.card b{display:block;font-size:32px;margin-top:12px}.notice{background:#fff2df;border-radius:12px;padding:17px;color:#81501f}.pill{font-size:12px;color:#b34d06;letter-spacing:1px;font-weight:700}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;padding:15px;border-bottom:1px solid #edf0f3;font-size:14px}.scroll{overflow:auto;border-radius:16px}footer{color:#8692a0;font-size:12px;margin-top:40px}form.inline{display:flex;gap:10px;align-items:center}form.inline input{margin:0} .hero{background:linear-gradient(125deg,#ed7219,#ffac45);padding:28px;border-radius:18px;color:white}.hero p{color:white} @media(max-width:800px){aside{position:static;width:auto;padding:20px}nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:0}nav a{padding:9px}.admin{margin:0;padding:20px}.cards{grid-template-columns:1fr}.public{margin:15px;padding:25px}.card b{font-size:25px}}