:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}*{box-sizing:border-box}.erp{color:#17243b;text-align:left;background:#f3f6fb;width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.sidebar{color:#fff;background:#102b50;width:260px;min-width:260px;padding:30px 20px}.sidebar h2{color:#fff;margin:0;font-size:23px}.sidebar p{color:#b9cbe3;margin:8px 0 35px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav a{color:#e4edfa;border-radius:8px;padding:14px 15px;font-weight:500;text-decoration:none;transition:background .2s}.sidebar nav a:hover,.sidebar nav a:first-child{color:#fff;background:#245188}.main{flex:1;min-width:0;padding:35px}.main header h1{color:#142c4f;margin:0;font-size:30px}.main header p{color:#718096;margin-top:10px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.stats article{background:#fff;border:1px solid #e5ebf3;border-radius:12px;padding:25px;box-shadow:0 3px 12px #142c4f0a}.stats h3{color:#64748b;margin:0 0 15px;font-size:15px;font-weight:500}.stats strong{color:#153b70;font-size:34px;display:block}.panel{background:#fff;border:1px solid #e5ebf3;border-radius:12px;margin-top:30px;padding:28px;box-shadow:0 3px 12px #142c4f08}.panel h2{color:#142c4f;margin-top:0}.panel h3{color:#142c4f}.panel p{color:#64748b;line-height:1.6}.panel button{color:#fff;cursor:pointer;background:#1765b3;border:1px solid #0000;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.panel button:hover{background:#104e8e}.panel button:active{transform:scale(.98)}.panel button.crm-secondary{color:#245188;background:#eef3f9;border-color:#d6e0ed}.panel button.crm-secondary:hover{background:#dce8f5}.panel button.crm-danger{color:#c62828;background:#fff0f0;border-color:#ffd5d5}.panel button.crm-danger:hover{background:#ffe0e0}.crm-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.crm-heading h2,.crm-heading h3{margin:0}.crm-heading p{margin:10px 0 0}.student-form{background:#f5f8fc;border:1px solid #e2eaf4;border-radius:12px;margin-top:25px;padding:25px}.student-form h3{margin:0 0 22px;font-size:18px}.student-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.student-form-grid label{color:#34465e;flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.student-form input,.student-form select,.crm-records-heading input{color:#17243b;background:#fff;border:1px solid #d6e0ed;border-radius:8px;outline:none;width:100%;min-width:0;padding:12px 14px;font-size:14px}.student-form input:focus,.student-form select:focus,.crm-records-heading input:focus{border-color:#1765b3;box-shadow:0 0 0 3px #1765b31a}.crm-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-form .crm-actions{margin-top:24px}.student-profile{background:#f8fbff;border:1px solid #d6e6f8;border-radius:12px;margin-top:25px;padding:24px}.student-profile .crm-heading{margin-bottom:18px}.student-profile p{color:#34465e;margin:10px 0}.student-profile p strong{color:#142c4f}.student-profile>button{margin-top:14px}.crm-records-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;margin-bottom:18px;display:flex}.crm-records-heading h3{margin:0;font-size:18px}.crm-records-heading input{width:300px;max-width:100%}.crm-table-wrapper{border:1px solid #e5ebf3;border-radius:10px;width:100%;overflow-x:auto}.student-table{border-collapse:collapse;background:#fff;width:100%;min-width:850px}.student-table th,.student-table td{text-align:left;border-bottom:1px solid #e5ebf3;padding:15px 14px;font-size:14px}.student-table th{color:#153b70;background:#f1f5fa;font-weight:700}.student-table tbody tr:hover{background:#f8fbff}.student-table tbody tr:last-child td{border-bottom:none}.student-table td .crm-actions{flex-wrap:nowrap}.student-table td .crm-actions button{white-space:nowrap;padding:9px 12px}@media (width<=1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.erp{flex-direction:column}.sidebar{width:100%;min-width:0;padding:20px}.sidebar p{margin-bottom:20px}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav a{white-space:nowrap}.main{padding:20px}.student-form-grid{grid-template-columns:1fr}.panel{padding:20px}}@media (width<=500px){.stats{grid-template-columns:1fr}.crm-heading{align-items:flex-start}.crm-records-heading input{width:100%}}
