:root{--primary: #00c1a0;--primary-fg: #fff;--border: #dbdbdb;--muted: #64748b;--bg: #eef2f7;--card: #fff;--text: #0f172a;--danger: #de5a5a;--ok: #00b94a;--shadow: 0 18px 50px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:"Exo 2",system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none;font-weight:600}button,input,select{font:inherit}code{background:#f1f5f9;padding:1px 6px;border-radius:6px;font-size:.92em}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;cursor:pointer;background:var(--primary);color:var(--primary-fg);font-weight:600}.btn:hover{opacity:.9}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#e8eef8;color:#1e293b}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:#fff;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00c1a02e}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.pad{padding:20px}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.grid-3{grid-template-columns:1fr}}.azd-matrices{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:100%}.azd-matrix{width:100%;max-width:640px;min-width:0;border:1px solid var(--border);border-radius:12px;background:#fff;padding:16px;box-sizing:border-box}.azd-matrix-scope{max-width:100%}.azd-title{margin:0 0 8px;font-weight:500;text-align:left}.azd-count{margin:8px 0;font-size:12px;color:var(--muted);text-align:left}.azd-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.azd-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;table-layout:fixed}.azd-scope{width:max-content;min-width:100%}.azd-table th{border-bottom:1px solid var(--border);background:#fff;padding:8px 12px;text-align:left;font-weight:500;position:sticky;top:0}.azd-table th:not(:first-child),.azd-cell{text-align:center;padding:0}.azd-scope th:not(:first-child){width:120px;max-width:120px;border-left:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.azd-table td{border-bottom:1px solid #eef2f6;padding:6px 12px}.azd-scope td.azd-cell{border-left:1px solid #eef2f6}.azd-cell input,.azd-section input{accent-color:#00c1a0;width:16px;height:16px}.azd-dash{color:var(--muted);display:flex;justify-content:center;padding:8px 4px}.azd-section{background:#f4f6f8}.azd-section label{display:inline-flex;align-items:center;gap:12px}.azd-section span{font-size:12px;color:var(--muted)}.azd-sticky{position:sticky;left:0;background:#fff;z-index:1;min-width:180px}.azd-table tr:hover td{background:#f4f6f873}.azd-table tr:hover .azd-section,.azd-table tr:hover .azd-sticky{background:#f4f6f8}.muted{color:var(--muted)}.tiny{font-size:12px}.error{color:var(--danger)}.badge{display:inline-flex;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.badge.employee{background:#00c1a024;color:#087f6a}.badge.external{background:#0784d11f;color:#0784d1}.badge.admin{background:#de5a5a1f;color:#b42318}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid #dbe4ee;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.login-bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 18% 20%,rgba(0,193,160,.3),transparent 42%),radial-gradient(circle at 85% 10%,rgba(7,132,209,.22),transparent 36%),linear-gradient(135deg,#e8eef8,#f7fffc 55%,#eef2f7)}.login-card{position:relative;width:min(440px,calc(100vw - 32px));padding:28px;display:grid;gap:14px}.login-head{text-align:center}.login-head h1{margin:10px 0 6px}.login-hint{text-align:center;font-size:13px;line-height:1.4}.logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#00c1a0,#0aa4d8);color:#fff;font-weight:700}.logo.big{width:72px;height:72px;margin:0 auto;border-radius:18px;font-size:22px}.app-shell{min-height:100vh}.topbar{display:flex;gap:16px;align-items:center;padding:14px 20px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center;min-width:220px}.nav{display:flex;gap:14px;flex:1}.top-user{display:flex;gap:12px;align-items:center}.top-user-meta{text-align:right;display:grid;gap:4px;justify-items:end}.content{max-width:1180px;margin:0 auto;padding:22px;min-width:0;overflow-x:hidden}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;gap:8px;align-items:center;background:#f3f7fb;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:13px}.info{background:#f8faff;border-radius:10px;padding:10px 12px}.stat-value{font-size:28px;font-weight:700;margin-top:4px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.perm-list{display:grid;gap:8px;max-height:420px;overflow:auto}.perm-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.chip.mini{padding:2px 8px;font-size:11px}.user-hero{background:radial-gradient(circle at 0% 0%,rgba(0,193,160,.16),transparent 42%),radial-gradient(circle at 100% 0%,rgba(7,132,209,.12),transparent 40%),#fff}.user-hero-grid{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center}.user-avatar{width:88px;height:88px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#00c1a0,#0aa4d8);color:#fff;font-size:36px;font-weight:700}.user-meta-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}@media(max-width:900px){.user-hero-grid{grid-template-columns:1fr}.user-meta-row{grid-template-columns:1fr 1fr}}.user-edit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}@media(max-width:900px){.user-edit-grid{grid-template-columns:1fr}}.field{display:grid;gap:6px;color:var(--muted);font-size:14px}.role-pick{display:grid;gap:8px;max-height:320px;overflow:auto}.role-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;background:#f8fafc}.role-chip.on{border-color:#00c1a073;background:#00c1a014}.perm-tree{margin-top:14px;display:grid;gap:10px}.perm-sys{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fbfcfe}.perm-sys-head,.perm-l1-head{width:100%;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;text-align:left;font:inherit}.perm-sys-head{background:linear-gradient(90deg,rgba(0,193,160,.1),transparent);font-weight:700}.perm-l1{border-top:1px solid #eef2f7}.perm-l1-head{padding-left:28px;color:#334155}.perm-l2{padding:0 14px 12px 44px}.perm-l2-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;margin:4px 0 8px}.perm-leaves{display:grid;gap:6px}.perm-leaf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e8eef5;border-radius:10px;padding:8px 10px}.perm-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex:0 0 auto}.perm-leaf.direct .perm-dot{background:#0784d1}.perm-leaf-name{flex:1;min-width:140px}.perm-action{font-size:11px;color:#087f6a;background:#00c1a01a;border-radius:999px;padding:2px 8px}.perm-count{margin-left:auto;font-size:12px;color:var(--muted);background:#eef2f7;border-radius:999px;padding:2px 8px}.perm-caret{width:14px;color:var(--muted)}.success{color:var(--ok)}.chip{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}