*{box-sizing:border-box}html{font-family:Inter,Arial,sans-serif;color:#152233;background:#f7f9fc}body{margin:0}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(820px,calc(100% - 36px))}.topbar{background:#0f1f35;color:#fff;padding:18px 0}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;letter-spacing:.09em}.topbar a{color:#fff;text-decoration:none;margin-left:18px}.hero{padding:70px 0;background:linear-gradient(135deg,#edf3ff,#f8f3ff 60%,#fff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.hero h1,.card h1{font-size:clamp(34px,5vw,62px);line-height:1.03;margin:12px 0 18px}.hero p{font-size:18px;line-height:1.7;color:#526177}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#6656d8}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.trust-row span,.badge{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dfe5ef;font-size:12px}.card{background:#fff;border:1px solid #e5e9f0;border-radius:20px;padding:28px;box-shadow:0 18px 50px rgba(30,45,75,.08)}.quote-card h2{margin-top:0}.muted{color:#6d788a}.small{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#334158}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d7deea;border-radius:10px;padding:12px 13px;font:inherit;background:#fff;color:#172033;outline:none}input:focus,select:focus,textarea:focus{border-color:#7165de;box-shadow:0 0 0 3px rgba(113,101,222,.12)}textarea{resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.5}.checkbox input{width:auto;margin:3px 0 0}.button{display:inline-block;border:0;border-radius:10px;padding:12px 17px;background:#5f52d6;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.secondary{background:#eef0f7;color:#303a4e}.full{width:100%}.small-button{padding:8px 12px;font-size:12px}.text-link{font-weight:700}.section{padding:44px 0}.alert{padding:12px 14px;border-radius:10px;margin:14px 0}.error{background:#fff0f0;color:#922}.success{background:#edfff3;color:#17643a}.empty,.message-box{background:#f7f8fb;border:1px solid #e7eaf0;border-radius:12px;padding:18px}.file-list{display:grid;gap:12px;margin-top:18px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e7eaf0;border-radius:12px;padding:16px}.admin-bg{background:#f1f4f9}.login-wrap{padding-top:80px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e2e7ef;border-radius:16px;padding:18px}.stat span{display:block;color:#6d788a;font-size:13px}.stat strong{display:block;font-size:30px;margin-top:7px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid #e7eaf0;padding:12px 10px;white-space:nowrap}th{color:#657185;background:#fafbfc}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-grid div{border:1px solid #e6eaf0;border-radius:10px;padding:12px}.detail-grid span{display:block;color:#7a8493;font-size:12px;margin-bottom:5px}.inline-form,.inline-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.inline-form select{width:auto;margin:0}.inline-actions{margin:0}.danger-link{border:0;background:none;color:#b42318;font-weight:700;cursor:pointer}.upload-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}footer{padding:28px 0;color:#748093;font-size:13px}.install-page{background:#f2f5fa;padding:50px 0}.install-page h2{grid-column:1/-1;font-size:16px;margin:10px 0 0}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.upload-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.topbar-inner{align-items:flex-start}.topbar nav{display:flex;flex-wrap:wrap;justify-content:flex-end}.topbar a{margin-left:10px}}
