*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f6fa;color:#192b42}.shell{display:flex;min-height:100vh}.side{width:235px;background:#142c4c;color:white;padding:24px;flex-shrink:0}.side h2{margin:0 0 18px}.side div{padding:12px 0;border-bottom:1px solid #34506d}main{padding:28px;flex:1 1;min-width:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:15px;gap:15px;margin:22px 0}.card,.panel{background:white;border-radius:10px;padding:20px;box-shadow:0 1px 5px #0001}.value{font-size:30px;font-weight:700;margin-top:10px;color:#1565a8}.panel{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));grid-gap:15px;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}input,select{padding:10px;border:1px solid #bdc9d6;border-radius:6px;font:inherit;max-width:100%}.actions{grid-column:1/-1;display:flex;gap:10px}button{background:#135e96;color:white;border:0;border-radius:6px;padding:9px 12px;cursor:pointer}.danger{background:#b53d42}.error{color:#a5212c;background:#ffe9e9;padding:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #e0e7ee;padding:12px;text-align:left}th{background:#edf3f8}@media(max-width:900px){.side{display:none}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}main{padding:15px}}