:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1c2430;--text-muted: #6b7684;--primary: #2f6df6;--primary-dark: #1f56d6;--danger: #d64545;--success: #2e9e5b;--warn: #c98a00;--radius: 8px;--sidebar-w: 240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .75rem;position:sticky;top:0;height:100vh}.sidebar-logo{font-size:1.1rem;font-weight:700;padding:.25rem .5rem 1rem}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:6px;color:var(--text);font-weight:500}.sidebar nav a:hover{background:var(--bg);text-decoration:none}.sidebar nav a.active{background:#e8efff;color:var(--primary-dark)}.sidebar-footer{border-top:1px solid var(--border);padding-top:.75rem;font-size:.82rem;color:var(--text-muted)}.main-content{flex:1;padding:1.5rem 2rem;max-width:1200px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:1.4rem;margin:0}.muted{color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:#fafbfc}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc}.btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.45rem .85rem;border-radius:6px;font-size:.85rem;font-weight:500}.btn:hover{background:var(--bg)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{color:var(--danger);border-color:#f0caca}.btn-danger:hover{background:#fdf0f0}.btn-sm{padding:.3rem .55rem;font-size:.78rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}label{font-size:.8rem;color:var(--text-muted);font-weight:500}input,select,textarea{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #cdddff;border-color:var(--primary)}.form-actions{display:flex;gap:.5rem;margin-top:.5rem}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-client{background:#eef1f4;color:#54606e}.badge-student{background:#e8efff;color:var(--primary-dark)}.badge-graduate,.badge-active{background:#e6f6ec;color:var(--success)}.badge-pending{background:#fff4dc;color:var(--warn)}.badge-disabled,.badge-closed,.badge-deleted{background:#f7e7e7;color:var(--danger)}.badge-superadmin{background:#efe6ff;color:#6b3fc0}.badge-admin{background:#e8efff;color:var(--primary-dark)}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem;max-width:420px;text-align:center;box-shadow:0 6px 24px #0000000d}.auth-card h1{margin:0 0 .5rem;font-size:1.5rem}.auth-card p{color:var(--text-muted);margin:0 0 1.5rem}.error-banner{background:#fdf0f0;border:1px solid #f0caca;color:var(--danger);padding:.6rem .85rem;border-radius:6px;margin-bottom:1rem}.toolbar{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.toolbar input{max-width:280px}.empty{padding:2rem;text-align:center;color:var(--text-muted)}.row-actions{display:flex;gap:.4rem}.warn-text{color:var(--warn)}.danger-text{color:var(--danger)}.tag{font-size:.72rem;color:var(--text-muted)}.section-title{font-size:.95rem;font-weight:600;margin:1.25rem 0 .5rem}