:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#12233d;background:radial-gradient(circle at top left,#e7f3ff,#f8fbff 45%,#eef5ff)}*{box-sizing:border-box}body{margin:0}.page{max-width:1180px;margin:0 auto;padding:24px;display:grid;gap:18px}header{background:linear-gradient(120deg,#0f4c81,#116a7b);color:#fff;padding:18px;border-radius:12px}.warning{margin-top:10px;color:#b42318;font-weight:600}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 22px #11355414}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.inline-form{display:flex;gap:10px;align-items:center}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tab{background:#e6eef8;color:#123453;border-color:#b7cade}.tab.active{background:#0f4c81;color:#fff;border-color:#0f4c81}.panel{margin-top:10px;display:grid;gap:10px}input,select,button,textarea{padding:10px;border:1px solid #c5d6e8;border-radius:8px;font-size:14px}textarea{min-height:44px;resize:vertical}select{background:#fff;color:#12233d}button{cursor:pointer;background:#0f4c81;color:#fff;border-color:#0f4c81}.checkbox{display:inline-flex;align-items:center;gap:6px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e3ecf5;padding:8px;text-align:left;font-size:13px}.result{background:#e8fff3;border:1px solid #8ad1a8;color:#154d2a;padding:12px;border-radius:8px}@media (max-width: 768px){.inline-form{flex-direction:column;align-items:stretch}}
