*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Arial,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#14213d;width:250px;padding:28px 20px}.sidebar h1{margin:0;font-size:24px}.sidebar p{color:#b8c4da;margin:8px 0 32px}.sidebar nav{gap:10px;display:grid}.sidebar a{color:#d8e2f2;border-radius:8px;padding:12px 14px;text-decoration:none}.sidebar a:hover,.sidebar a.active{color:#fff;background:#2b4c7e}.main-content{flex:1;padding:40px}.page{max-width:1000px}.page-heading h2{margin:0;font-size:30px}.page-heading p{color:#5e6b82}.card{background:#fff;border:1px solid #e1e7f0;border-radius:12px;box-shadow:0 4px 16px #14213d0f}.form-card{gap:18px;max-width:650px;padding:25px;display:grid}label{gap:8px;font-weight:600;display:grid}input,textarea{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:12px}input:focus,textarea:focus{border-color:#3b82f6;outline:2px solid #82b1ff}button{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:12px 16px;font-weight:700}button:hover{background:#1d4ed8}button:disabled{cursor:wait;opacity:.7}.search-input{max-width:650px;margin:18px 0}.table-card{padding:10px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e8edf5;padding:14px}th{color:#526078;text-transform:uppercase;font-size:13px}.delete-button{background:#dc2626;padding:8px 10px}.delete-button:hover{background:#b91c1c}.success-message{color:#166534;background:#dcfce7;border-radius:8px;padding:12px}.error-message{color:#991b1b;background:#fee2e2;border-radius:8px;padding:12px}@media (width<=700px){.app-layout{display:block}.sidebar{width:auto}.main-content{padding:20px}}