*,*:before,*:after{box-sizing:border-box}body{margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#1e293b;background:#f1f5f9}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;gap:0}.sidebar-logo{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px}.sidebar-logo span{font-size:1.2rem;font-weight:700;letter-spacing:.5px;color:#f8fafc}.sidebar-logo small{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.sidebar nav{padding:.75rem;display:flex;flex-direction:column;gap:2px}.sidebar nav button{width:100%;background:transparent;border:none;border-radius:6px;color:#94a3b8;padding:.55rem .85rem;text-align:left;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.sidebar nav button:hover{background:#94a3b81f;color:#e2e8f0}.sidebar nav button.active{background:#1d4ed8;color:#fff}.main{flex:1;padding:2rem 2.5rem;overflow-y:auto}.main h2{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:#0f172a}.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem 1.5rem;background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0f172a14;margin-bottom:2rem}.form-row{display:flex;flex-direction:column;gap:5px}.form-row label{font-size:.8rem;font-weight:500;color:#475569}.form-row input,.form-row textarea,.form-row select{border:1px solid #cbd5e1;border-radius:6px;padding:.42rem .6rem;font-size:.875rem;color:#1e293b;background:#f8fafc;transition:border-color .15s,box-shadow .15s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}.form-row textarea{resize:vertical;min-height:72px}.checkbox-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:1rem}.checkbox-row label{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}.form-actions{grid-column:1 / -1;display:flex;gap:.75rem;padding-top:.5rem}.form-actions button[type=submit]{padding:.5rem 1.25rem;background:#1d4ed8;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.form-actions button[type=submit]:hover{background:#1e40af}.form-actions button[type=submit]:disabled{background:#93c5fd;cursor:not-allowed}.form-actions button[type=button]{padding:.5rem 1rem;background:transparent;color:#64748b;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .15s}.form-actions button[type=button]:hover{background:#f1f5f9}.list-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0f172a14}.list-table th{background:#f8fafc;padding:.65rem .85rem;text-align:left;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0}.list-table td{padding:.6rem .85rem;font-size:.875rem;border-bottom:1px solid #f1f5f9;color:#334155}.list-table tbody tr:last-child td{border-bottom:none}.list-table tbody tr:hover{background:#f8fafc}.btn-edit,.btn-delete{border:none;border-radius:5px;padding:.3rem .7rem;font-size:.78rem;cursor:pointer;margin-right:6px}.btn-edit{background:#eff6ff;color:#1d4ed8}.btn-edit:hover{background:#dbeafe}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.badge-pending{background:#fef9c3;color:#854d0e}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fecaca;color:#991b1b}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.875rem}