:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f3f5f7}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#101820;color:white;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand span,.login-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#25c2a0;color:white;font-weight:900}.sidebar nav{display:grid;gap:7px}.sidebar a{padding:11px 13px;border-radius:9px;color:#aeb8c2;text-decoration:none;font-size:14px}.sidebar a.active,.sidebar a:hover{background:#1c2934;color:white}.content,.form-page{padding:34px}.form-page{max-width:1100px;margin:auto}header{display:flex;justify-content:space-between;align-items:center}header small{color:#77828d;font-weight:800;letter-spacing:.12em}h1{margin:5px 0 20px;font-size:30px}button,.button{border:0;border-radius:10px;background:#159b7e;color:white;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer}.secondary{color:#425466;text-decoration:none;font-weight:750}.actions{display:flex;gap:14px;align-items:center}.notice,.success,.error{padding:13px 16px;border-radius:11px}.notice,.success{border:1px solid #bce8dd;background:#eaf9f5;color:#176b59}.error{border:1px solid #f0b9b9;background:#fff0f0;color:#a12b2b;margin:14px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.cards article,.panel,.purchase-form{background:white;border:1px solid #e0e5e8;border-radius:14px;padding:20px}.cards span,.cards small{display:block;color:#75808b}.cards strong{display:block;font-size:28px;margin:12px 0}.panel h2{margin:0 0 6px}.panel p{color:#75808b}.empty{display:grid;place-items:center;min-height:190px;margin-top:18px;border:1px dashed #ced5db;border-radius:12px;color:#8b949d}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:#101820}.login-card{width:min(430px,100%);padding:32px;background:white;border-radius:18px}.login-card h1{margin:18px 0 5px}.login-card p{color:#71808d}.login-card form,.login-card label{display:grid;gap:8px}.login-card form{gap:18px;margin-top:24px}input,textarea,select{width:100%;padding:12px;border:1px solid #cfd7dd;border-radius:9px;background:white;font:inherit}textarea{min-height:82px;resize:vertical}.purchase-form h2{margin-top:26px;border-bottom:1px solid #edf0f2;padding-bottom:10px}.purchase-form h2:first-of-type{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grid label{display:grid;gap:7px;font-size:14px;font-weight:700}.wide{grid-column:1/-1}.purchase-form>button{margin-top:24px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content,.form-page{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{align-items:flex-start;gap:12px}.actions{align-items:flex-end;flex-direction:column}.cards,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}