:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #64748b;--background: #f8fafc;--surface: #ffffff;--text: #0f172a;--text-light: #64748b;--border: #e2e8f0;--danger: #ef4444;--success: #22c55e;--radius: .5rem;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:--background;color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--surface);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sidebar h2{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);color:var(--text-light);transition:all .2s}.nav-link:hover,.nav-link.active{background-color:#e0e7ff;color:var(--primary)}.main-content{flex:1;padding:2rem;background-color:var(--background);overflow-y:auto}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;cursor:pointer;border:none;font-size:.875rem;transition:opacity .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background-color:#f1f5f9}.input{display:block;width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);font-size:.875rem;margin-bottom:1rem}.input:focus{outline:2px solid var(--primary);border-color:transparent}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-light);font-size:.875rem}tr:last-child td{border-bottom:none}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:1rem}.sidebar h2{margin-bottom:.5rem}.main-content{padding:1rem}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-w-full{width:100%!important}.mobile-grid-1{grid-template-columns:1fr!important}.card{padding:1rem}}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.role-wrapper{padding:20px}.grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.card{padding:15px;border:1px solid #ddd;border-radius:6px}.role-list li{display:flex;justify-content:space-between;padding:8px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid #ddd;padding:8px;text-align:center;cursor:pointer}.ok{color:#65ad65}.no{color:#f36666}.danger{color:#f36666;cursor:pointer;margin-right:8px}.warn{color:orange;cursor:pointer}