:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f5f4;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0f766e3d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{color:#fff;cursor:pointer;background:#0f766e;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-weight:700;line-height:1.25;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover{background:#0b625b}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.58}.button--secondary{color:#273532;background:#fff;border-color:#d4dcda}.button--secondary:hover{background:#f7f9f8;border-color:#aebdb9}.button--ghost{color:#344440;background:0 0}.button--ghost:hover{background:#e8eeec}.button--danger{background:#b42318}.button--danger:hover{background:#912018}.button--icon{width:42px;padding:0}.login-page{grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-layout{background:#fff;grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);min-height:100vh;display:grid}.login-layout .login-panel{background:#fff;flex-direction:column;justify-content:center;justify-self:end;align-items:stretch;width:100%;max-width:560px;min-height:100vh;padding:clamp(34px,7vw,82px);display:flex}.brand--login{color:#17312d;margin-bottom:clamp(48px,9vh,92px)}.brand--login .brand__mark{color:#fff;background:#0f766e}.brand--login div span{color:#71807c}.login-copy .eyebrow{align-items:center;gap:6px;display:flex}.login-copy h1{letter-spacing:-.05em;margin:12px 0 9px;font-size:clamp(34px,4vw,46px)}.login-copy>p{color:#64716e;margin:0 0 30px;line-height:1.55}.login-form{gap:19px;display:grid}.field{gap:7px;display:grid}.field__label{color:#344440;font-size:14px;font-weight:700}.field__control{color:#17211f;background:#fff;border:1px solid #cdd7d4;border-radius:10px;width:100%;min-height:46px;padding:10px 12px}.field__control:hover{border-color:#a9b9b5}.field__control--error{border-color:#c9362b}.field__control:disabled{cursor:not-allowed;color:#7a8783;background:#f0f3f2}.field__error{color:#b42318;font-size:12px}.password-wrap{position:relative}.password-wrap .field__control{padding-right:48px}.password-toggle{color:#64716e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:4px;right:7px}.password-toggle:hover{background:#edf2f0}.login-help{color:#788682;text-align:center;margin:24px 0 0;font-size:12px;line-height:1.5}.login-aside{color:#fff;background:linear-gradient(145deg,#073b37,#0f766e);align-items:flex-end;min-height:100vh;padding:clamp(40px,8vw,100px);display:flex;position:relative;overflow:hidden}.login-aside__pattern{opacity:.5;background:radial-gradient(circle at 25% 22%,#ffffff29,#0000 22%),radial-gradient(circle at 72% 48%,#ffffff1a,#0000 30%),linear-gradient(120deg,#0000 60%,#ffffff12);position:absolute;inset:0}.login-aside__content{max-width:590px;position:relative}.login-aside__content span{color:#bfe5de;letter-spacing:.11em;text-transform:uppercase;font-size:13px;font-weight:800}.login-aside__content h2{letter-spacing:-.055em;margin:14px 0;font-size:clamp(42px,6vw,72px);line-height:1}.login-aside__content p{color:#d5eeea;max-width:480px;margin:0;font-size:18px;line-height:1.6}.login-hero{color:#fff;background:radial-gradient(circle at 15% 15%,#ffffff1f,#0000 36%),linear-gradient(145deg,#073b37,#0f766e);flex-direction:column;justify-content:space-between;padding:clamp(32px,7vw,96px);display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#0f766e;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.login-hero__content{max-width:620px}.login-hero h1{letter-spacing:-.055em;max-width:560px;margin:0 0 20px;font-size:clamp(40px,6vw,72px);line-height:.98}.login-hero p{color:#d5eeea;max-width:520px;margin:0;font-size:18px;line-height:1.6}.login-panel{background:#f7f9f8;place-items:center;padding:32px;display:grid}.login-card{background:#fff;border:1px solid #dde4e2;border-radius:20px;width:min(100%,430px);padding:clamp(28px,5vw,44px);box-shadow:0 24px 70px #1a302b1a}.login-card h2{letter-spacing:-.035em;margin:0 0 8px;font-size:29px}.login-card>p{color:#64716e;margin:0 0 30px;line-height:1.5}.form{gap:19px;display:grid}.form-field{gap:7px;display:grid}.form-field label{color:#344440;font-size:14px;font-weight:700}.form-field input,.form-field select,.search-input{color:#17211f;background:#fff;border:1px solid #cdd7d4;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.form-field input:hover,.form-field select:hover,.search-input:hover{border-color:#a9b9b5}.form-field__hint{color:#71807c;margin:0;font-size:12px;line-height:1.45}.alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:11px 13px;font-size:14px;line-height:1.45}.app-layout,.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce9e6;background:#102a27;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .brand{color:#fff;padding:0 8px 24px}.brand__mark{color:#0f766e;background:#fff;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand>div{min-width:0}.brand>div strong,.brand>div span{display:block}.brand>div span{color:#91aaa5;margin-top:2px;font-size:12px}.sidebar-nav,.sidebar__nav{gap:5px;display:grid}.sidebar-link,.sidebar__link{color:#bdd0cc;border-radius:10px;align-items:center;gap:11px;min-height:44px;padding:10px 12px;font-weight:650;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link--active,.sidebar__link:hover,.sidebar__link--active{color:#fff;background:#ffffff1a}.sidebar__section{color:#79938e;letter-spacing:.11em;text-transform:uppercase;padding:12px;font-size:11px;font-weight:800}.sidebar__close{display:none}.sidebar-user,.sidebar__footer{border-top:1px solid #ffffff1f;margin-top:auto;padding:16px 10px 0}.sidebar__footer{align-items:center;gap:10px;display:flex}.sidebar__footer div{min-width:0}.sidebar-user strong,.sidebar-user span,.sidebar__footer strong,.sidebar__footer span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user span,.sidebar__footer span{color:#91aaa5;margin-top:3px;font-size:12px}.sidebar-user .button{color:#dce9e6;width:100%;margin-top:14px}.mobile-header{display:none}.main-content,.page{min-width:0;padding:34px clamp(22px,4vw,56px) 64px}.app-main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #dce3e1;justify-content:flex-end;align-items:center;gap:16px;min-height:68px;padding:10px clamp(22px,4vw,56px);display:flex}.topbar__menu{display:none}.topbar__identity{text-align:right;margin-right:6px;display:grid}.topbar__identity span{font-size:14px;font-weight:750}.topbar__identity small{color:#71807c}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.page-header h1,.state-view h1,.state-view h2{color:#17211f;letter-spacing:-.04em;margin:0}.page-header h1{font-size:clamp(29px,4vw,40px)}.page-header__description,.page-header p{color:#64716e;max-width:650px;margin:8px 0 0;line-height:1.5}.panel,.data-card{background:#fff;border:1px solid #dce3e1;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #1f38320a}.toolbar,.data-toolbar{border-bottom:1px solid #e3e8e7;align-items:center;gap:12px;padding:16px;display:flex}.search-wrap,.search-box{flex:1;position:relative}.search-wrap svg,.search-box svg{color:#788682;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-input,.search-box input{padding-left:40px}.toolbar select,.data-toolbar select{color:#344440;background:#fff;border:1px solid #cdd7d4;border-radius:10px;min-height:44px;padding:9px 34px 9px 12px}.table-wrap,.users-table-wrap{overflow-x:auto}.data-table,.users-table{border-collapse:collapse;width:100%}.data-table th,.data-table td,.users-table th,.users-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e7eceb;padding:15px 18px}.data-table th,.users-table th{color:#6e7c78;letter-spacing:.045em;text-transform:uppercase;background:#fafbfb;font-size:12px;font-weight:800}.data-table tbody tr:hover,.users-table tbody tr:hover{background:#fafcfb}.data-table tbody tr:last-child td,.users-table tbody tr:last-child td{border-bottom:0}.user-primary,.user-identity{gap:3px;display:grid}.user-identity{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px}.user-identity__avatar{color:#0f766e;background:#e8f4f1;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.user-primary strong,.user-identity strong,.user-identity span{display:block}.user-primary strong,.user-identity strong{color:#20302d}.user-primary span,.user-identity div span{color:#71807c;font-size:13px}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge--active{color:#08704f;background:#e7f7f0}.status-badge--suspended{color:#9a6700;background:#fff5d6}.status-badge--disabled{color:#9b2c2c;background:#fdecec}.role-badge{color:#465651;background:#f7f9f8;border:1px solid #d9e1df;border-radius:7px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.mobile-user-list,.user-cards{display:none}.user-card{border-bottom:1px solid #e5eae9;padding:16px}.user-card:last-child{border-bottom:0}.user-card__header,.user-card__meta,.user-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-card__meta{color:#65736f;margin:14px 0;font-size:13px}.user-card__footer{justify-content:flex-end}.empty-inline{color:#697773;text-align:center;padding:44px 20px}.result-count{color:#6e7c78;flex:none;font-size:13px;font-weight:700}.table-action{white-space:nowrap;text-align:right!important}.inline-alert{color:#44534f;background:#f7f9f8;border:1px solid #d7dfdd;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;padding:11px 13px;font-size:14px;display:flex}.inline-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:750}.inline-alert--success{color:#086145;background:#ebf9f3;border-color:#a9dfcb}.inline-alert--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.state-page,.full-state{place-items:center;min-height:100vh;padding:24px;display:grid}.state-view,.access-denied{text-align:center;background:#fff;border:1px solid #dbe3e0;border-radius:18px;width:min(100%,520px);padding:36px;box-shadow:0 18px 55px #1f383214}.state-view__icon,.loading-spinner{color:#0f766e;margin:0 auto 18px}.loading-spinner{border:3px solid #d9e7e4;border-top-color:#0f766e;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.state-view p,.access-denied p{color:#687672;margin:10px 0 22px;line-height:1.55}.state-view{width:100%;box-shadow:none;border:0;border-radius:0}.state-view h3{margin:10px 0 0}.state-view .spin{color:#0f766e;animation:.8s linear infinite spin}.access-denied svg{color:#0f766e}.access-denied h1{letter-spacing:-.04em;margin:14px 0 0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0819168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(100%,560px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 30px 90px #00000047}.modal__header{border-bottom:1px solid #e4e9e8;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;display:flex}.modal__header h2{letter-spacing:-.03em;margin:0;font-size:23px}.modal__header p{color:#687672;margin:6px 0 0;font-size:14px;line-height:1.45}.modal__body{padding:22px 24px}.modal__footer,.modal__actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .form-field--wide,.form-grid .alert,.form-grid .modal__footer{grid-column:1/-1}.modal__body{gap:18px;display:grid}.modal__actions{padding-top:5px}.user-summary{background:#f3f6f5;border-radius:10px;gap:3px;padding:13px;display:grid}.user-summary span,.field-help{color:#71807c;font-size:13px}.field-help{margin:-12px 0 0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.login-layout{display:block}.login-layout .login-panel{max-width:none;min-height:100vh;padding:28px max(22px,50vw - 230px)}.brand--login{margin-bottom:60px}.login-aside{display:none}.login-page{display:block}.login-hero{min-height:270px;padding:28px}.login-hero__content{margin-top:44px}.login-hero h1{font-size:42px}.login-panel{min-height:calc(100vh - 270px);padding:24px 18px}.app-layout,.app-shell{display:block}.sidebar{display:none}.sidebar--open{z-index:50;width:min(82vw,290px);animation:.16s ease-out sidebar-in;display:flex;position:fixed}.sidebar__close{color:#dce9e6;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:13px}.sidebar-overlay{z-index:40;background:#0819168c;border:0;position:fixed;inset:0}.mobile-header,.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #dce3e1;justify-content:space-between;align-items:center;min-height:64px;padding:10px 18px;display:flex;position:sticky;top:0}.topbar{justify-content:flex-start}.topbar__menu{color:#253632;cursor:pointer;background:#eef2f1;border:0;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.topbar__identity{text-align:left;flex:1;min-width:0}.mobile-header .brand-mark{color:#fff;background:#0f766e;width:38px;height:38px}.main-content,.page{padding:25px 18px 48px}}@media (max-width:640px){.page-header{display:grid}.page-header .button{width:100%}.toolbar,.data-toolbar{display:grid}.toolbar select,.data-toolbar select{width:100%}.table-wrap,.users-table-wrap{display:none}.mobile-user-list,.user-cards{display:block}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;width:100%;max-height:92vh}.modal__header,.modal__body{padding-left:18px;padding-right:18px}}@keyframes sidebar-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}