: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{height:100%;min-height:100%}body{margin:0;font-family:"Exo 2",system-ui,sans-serif;background:#f1f5fb;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)}.btn.slim{padding:4px 10px;font-size:13px;border-radius:8px}.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}.password-input{position:relative}.password-input .input{padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.password-toggle:hover{color:var(--text)}.password-toggle svg{width:18px;height:18px}.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}.password-rules{list-style:none;margin:0;padding:0;display:grid;gap:4px}.password-rules li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.password-rules li span{width:14px;color:var(--ok);font-weight:700}.password-rules li.passed{color:var(--ok)}.otp{display:flex;justify-content:center;gap:8px}.otp-cell{width:48px;height:52px;text-align:center;font-size:22px;font-weight:600;border:1px solid var(--border);border-radius:10px;background:#fff;outline:none}.otp-cell:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00c1a02e}.login-link{text-align:center;color:var(--primary);font-size:14px;text-decoration:none}.login-link:hover{text-decoration:underline}a.btn{text-align:center;text-decoration:none}.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{background:#f1f5fb;height:100dvh;overflow:hidden}.app-shell-stage{position:relative;height:100%}.app-shell-fade{pointer-events:none;position:absolute;inset-inline:0;top:0;z-index:40;height:5.5em;background:linear-gradient(to bottom,#f1f5fb 0%,#f1f5fb 45%,transparent)}.app-header-wrap{pointer-events:none;position:absolute;inset-inline:0;top:0;z-index:50;padding:.75rem 1rem .5rem}.app-header-hit{pointer-events:auto}.content{height:100%;max-width:1180px;margin:0 auto;padding:22px;padding-top:calc(5.5em + 8px);min-width:0;overflow-x:hidden;overflow-y:auto}.header-shell{position:relative;z-index:10;display:flex;height:4em;width:100%;min-width:0;align-items:center;justify-content:space-between;overflow:visible;border-radius:1rem;border:2px solid #fff;background:linear-gradient(to bottom right,#fff,#f8fafc,#f0f9ff);box-shadow:0 8px 24px #0f172a1a;transition:box-shadow .3s}.header-shell.is-scrolled{box-shadow:0 12px 32px #0f172a1f}.header-inner{position:relative;z-index:10;display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:.25rem;overflow:visible}.header-brand{min-width:0;flex-shrink:1;text-decoration:none;color:inherit}.header-brand-row{display:flex;height:4em;min-width:0;align-items:center;gap:.375rem;padding:.5rem 0 .5rem .375rem}.header-logo{display:grid;place-items:center;flex-shrink:0;border-radius:.75rem;background:linear-gradient(135deg,#00c1a0,#0aa4d8);color:#fff;font-weight:700;font-size:.72em}.header-logo-sm{width:2.25em;height:2.25em}.header-logo-md{display:none;width:2.5em;height:2.5em}.header-app-name{margin:0;display:block;min-width:0;max-width:3.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:1rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--primary)}.header-actions{display:flex;min-width:0;flex-shrink:1;align-items:center;justify-content:flex-end;gap:.125rem;overflow:visible;padding:.25rem .25rem .25rem .125rem}.header-nav{display:flex;min-width:0;align-items:center;gap:.375rem;overflow-x:auto}.header-control{display:inline-flex;height:2rem;align-items:center;gap:.375rem;border-radius:1rem;border:1px solid rgb(255 255 255 / .8);background:#ffffffb3;padding:0 .625rem;font-size:.875rem;font-weight:400;color:#334155;box-shadow:0 1px 2px #0f172a0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;cursor:pointer}.header-control:hover{border-color:#fff;background:#fff;color:#1e293b}.header-nav-link{white-space:nowrap;font-size:13px}.header-nav-link.is-active{background:#00c1a01a;color:var(--primary);font-weight:500}.header-divider{display:none;height:66%;width:1px;background:#cbd5e1b3}.header-account{position:relative;display:flex;flex-shrink:0;align-items:center;padding-right:.125rem}.header-account-trigger{max-width:2.75rem;gap:.25rem;padding:0 .125rem}.header-avatar{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:999px;background:linear-gradient(135deg,#00c1a0,#0aa4d8);color:#fff;font-size:10px;font-weight:700;box-shadow:0 0 0 2px #fff}.header-avatar-lg{width:2rem;height:2rem;font-size:11px}.header-account-name{display:none;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;font-weight:500;color:#334155}.header-account-chevron{display:none;width:1rem;height:1rem;flex-shrink:0;color:#94a3b8;transition:transform .2s}.header-account-chevron.is-open{transform:rotate(180deg)}.header-overlay{position:absolute;top:calc(100% + 8px);right:0;z-index:1100;overflow:hidden;border-radius:1rem;border:2px solid #fff;background:linear-gradient(to bottom,#fff,#f1f5fb);box-shadow:0 10px 15px -3px #0f172a1f,0 4px 6px -4px #0f172a1a;padding:.375rem}.header-overlay-sm{width:min(240px,calc(100vw - 2rem))}.header-account-card{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / .8);background:#ffffffb3;padding:.5rem}.header-account-card-meta{min-width:0;flex:1;display:grid;gap:2px}.header-account-card-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#1e293b}.header-account-card-email{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#64748b}.header-account-actions{display:grid;gap:.25rem}.header-menu-item{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:.625rem;border-radius:1rem;border:1px solid transparent;background:transparent;padding:.5rem .625rem;text-align:left;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer}.header-menu-item:hover{border-color:#fffc;background:#fff;box-shadow:0 1px 2px #0f172a0f}.header-menu-item.is-danger{color:#de5a5a}.header-menu-item.is-danger:hover{border-color:#de5a5a26;background:#de5a5a0d}.header-menu-icon{display:grid;place-items:center;border-radius:.75rem;padding:.375rem;background:#00c1a01a;color:var(--primary)}.header-menu-icon svg,.header-account-chevron{width:1rem;height:1rem}.header-menu-icon.is-danger{background:#de5a5a1a;color:#de5a5a}.header-menu-divider{height:1px;margin:.375rem .25rem;background:#fff}@media(min-width:640px){.app-header-wrap{padding-left:1.5rem;padding-right:1.5rem}.header-brand-row{gap:.75rem;padding-left:1rem}.header-logo-sm{display:none}.header-logo-md{display:grid}.header-app-name{max-width:8.5rem;font-size:1.125rem}.header-actions{gap:.5rem;padding:.625rem .625rem .625rem 1rem}.header-divider{display:block}.header-account{padding-right:.75rem}.header-account-trigger{max-width:none;gap:.5rem;padding:0 .625rem 0 .25rem}.header-account-chevron{display:block}}@media(min-width:768px){.header-brand-row{padding-left:1.5rem}.header-app-name{max-width:none}.header-account{padding-right:1.25rem}.header-account-name{display:inline}}@media(min-width:1024px){.app-header-wrap{padding-left:2rem;padding-right:2rem}.header-account-name{max-width:10rem}}.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}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0f172a73;display:grid;place-items:center;padding:24px}.modal{width:min(560px,100%);max-height:min(80vh,720px);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}