:root{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:#243c36;background:#f6f8f7;font-synthesis:none;--ink:#183f36;--accent:#2a6656;--muted:#74817b;--line:#e4eae7;--surface:#fff;--soft:#edf3ef}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #89b3a4;outline-offset:3px}button:disabled{cursor:wait;opacity:.6}input,select,textarea{width:100%;border:1px solid #d9e2dc;border-radius:8px;padding:12px 13px;color:#263b34;background:#fff;outline:none;min-height:45px}input:focus,select:focus,textarea:focus{border-color:#467f6c;box-shadow:0 0 0 3px #2c6a5510}input[readonly]{background:#f7f9f8;color:#5d6c65}input::placeholder{color:#a4ada8}label{display:block;color:#43564d;font-size:12px;font-weight:600;margin-bottom:7px}.field{margin-bottom:20px}.field small,.help{display:block;color:var(--muted);font-size:12px;margin-top:7px}.button{border:1px solid transparent;border-radius:8px;min-height:42px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button:hover{background:#275c4f}.button.secondary{background:#fff;border-color:var(--line);color:#40564c}.button.secondary:hover{background:#f5f8f6}.button.ghost{background:transparent;color:#53675d;padding:7px 10px;border-color:transparent}.button.danger{color:#aa433f;background:#fff6f5;border-color:#f1ddda}.button.small{min-height:33px;padding:6px 10px;font-size:12px}.button.full{width:100%}.icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wordmark{font-weight:750;letter-spacing:4px;font-size:25px;color:var(--ink);line-height:1.2}.brand{display:flex;align-items:center;gap:13px}.brand-mark{height:29px;width:29px;background:var(--ink);border-radius:7px;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:500}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;color:#8b9e94}.initial{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.auth{min-height:100svh;display:grid;grid-template-columns:48% 52%}.auth-story{background:#153f38;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:44px 64px}.auth-story .wordmark{color:#fff}.auth-story .brand-mark{background:#ffffff14;border:1px solid #ffffff3d}.story-body{margin:auto 0;position:relative;z-index:1;padding:65px 0}.story-body h1{font-weight:450;font-size:clamp(34px,3.8vw,54px);line-height:1.2;letter-spacing:-1.5px;max-width:490px;margin:20px 0}.story-body h1 em{font-style:normal;color:#a9c6b7}.story-body p{color:#b0c7bc;max-width:340px;font-size:14px;line-height:1.9}.story-lines{position:absolute;width:550px;height:550px;border:1px solid #ffffff0c;border-radius:50%;inset-inline-end:-260px;top:37%;pointer-events:none}.story-lines:before,.story-lines:after{content:"";position:absolute;border:1px solid #ffffff0b;border-radius:50%;inset:55px}.story-lines:after{inset:110px}.story-detail{display:flex;align-items:center;gap:14px;margin-top:40px}.story-detail span:first-child{width:34px;height:34px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;color:#bdd5c7}.story-detail strong{display:block;font-size:12px;font-weight:500;color:#deeae3}.story-detail small{color:#89ac9b;font-size:11px}.story-foot{display:flex;justify-content:space-between;color:#8bad9c;font-size:10px}.auth-main{background:#fff;display:flex;flex-direction:column;padding:34px 55px}.auth-top{display:flex;justify-content:flex-end}.auth-main .mobile-brand{display:none}.auth-form{width:100%;max-width:380px;margin:auto;padding:50px 0}.step-label{font-size:11px;letter-spacing:1.5px;color:#809588;text-transform:uppercase}.auth-form h2{font-size:31px;line-height:1.3;font-weight:550;letter-spacing:-.8px;margin:15px 0 10px}.lead{color:#7c8981;font-size:13px;margin:0 0 30px}.password-wrap{position:relative}.password-wrap input{padding-inline-end:48px}.reveal{position:absolute;inset-inline-end:5px;top:4px;border:0;color:#839188;background:transparent;padding:9px;display:grid;place-items:center}.field-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.text-button{background:none;border:0;color:var(--accent);padding:0;font-size:12px}.auth-footer{display:flex;justify-content:center;gap:8px;color:#95a198;font-size:11px;padding:25px 0 5px}.auth-footer .icon{width:14px;height:14px}.error{color:#a4433e;background:#fff3f1;border:1px solid #f1d8d4;border-radius:8px;padding:11px 13px;margin:15px 0;font-size:12px}.notice{color:#4f6c5f;background:#f1f6f2;border:1px solid #e0eae2;border-radius:8px;padding:14px;font-size:12px}.auth-note{font-size:11px;color:#8d9990;margin:24px 0;text-align:center}.shell{min-height:100svh;display:grid;grid-template-columns:225px minmax(0,1fr)}.sidebar{background:#fff;border-inline-end:1px solid var(--line);padding:32px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100svh}.sidebar .brand{padding:0 10px 35px}.sidebar .wordmark{font-size:21px;letter-spacing:3px}.sidebar .brand-mark{height:24px;width:24px;font-size:15px}.nav-caption{padding:20px 12px 10px;font-size:9px;color:#a2ada6;letter-spacing:1.5px;text-transform:uppercase}.nav-item{border:0;text-align:start;background:transparent;color:#819087;display:flex;align-items:center;gap:12px;padding:12px;width:100%;border-radius:7px;font-size:12px;margin:3px 0}.nav-item:hover{background:#f6f8f6}.nav-item.active{background:#edf3ef;color:#245140;font-weight:600}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.profile-mini{display:flex;align-items:center;gap:10px;padding:4px 8px 15px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e9efeb;color:#456451;font-size:12px;font-weight:600;flex-shrink:0}.profile-mini strong{font-size:11px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;max-width:128px;white-space:nowrap}.profile-mini small{font-size:10px;color:#9aa59d}.main-area{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);background:#ffffffa8;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#97a198}.breadcrumb b{color:#4a6053;font-weight:500}.top-actions{display:flex;gap:14px;align-items:center}.workspace-select{min-height:34px;padding:6px 32px 6px 10px;max-width:210px;font-size:11px;background:#fff;border-color:var(--line)}.content{padding:36px 44px 40px;max-width:1460px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:27px;font-weight:550;letter-spacing:-.6px;margin:3px 0 5px}.page-heading p{color:#8a968d;font-size:12px;margin:0}.section-kicker{font-size:10px;color:#7f9989;letter-spacing:1.6px;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px 21px}.stat-top{display:flex;justify-content:space-between;color:#8c9a91;font-size:11px}.stat-top .icon{height:16px;width:16px;color:#a1b3a7}.stat strong{display:block;font-size:29px;font-weight:500;color:#294c3b;margin-top:8px;line-height:1.2}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.panel-heading{padding:20px 24px;border-bottom:1px solid #edf0ed;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{margin:0;font-size:14px;font-weight:600}.panel-heading p{margin:4px 0 0;color:#93a096;font-size:11px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 10px;min-width:220px;color:#9aaa9f}.search input{border:0;box-shadow:none;padding:8px 0;min-height:35px;font-size:11px;background:transparent}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:start;font-size:12px}th{text-align:start;padding:12px 24px;background:#fafbfa;color:#9aa79d;font-size:10px;font-weight:500;border-bottom:1px solid #edf0ed;white-space:nowrap}td{padding:17px 24px;border-bottom:1px solid #f0f3f0;color:#748579;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfc}.user-cell{display:flex;align-items:center;gap:12px;min-width:170px}.user-cell strong{color:#36513f;font-size:12px;font-weight:550;display:block}.user-cell small{display:block;font-size:10px;color:#97a298;direction:ltr}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:3px 8px;font-size:10px;white-space:nowrap;background:#f3f5f3;color:#7d8b80}.tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.tag.active{background:#eff6f0;color:#578260}.tag.invited{background:#faf5e9;color:#a28b51}.tag.disabled{background:#f4f2f1;color:#9c8c84}.role{font-size:11px;color:#728576}.row-action{padding:6px;border:0;background:none;color:#7c9484;display:inline-flex;align-items:center;gap:5px;font-size:11px}.table-foot{padding:13px 24px;border-top:1px solid #edf0ed;display:flex;justify-content:space-between;align-items:center;color:#a0aaa2;font-size:10px}.pagination{display:flex;align-items:center;gap:14px}.pagination button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:4px 8px;color:#68816e}.empty{text-align:center;padding:55px 24px;color:#8d9c91}.empty .empty-icon{margin:0 auto 16px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #e3ebe5;border-radius:12px;background:#f5f8f5;color:#6e937c}.empty h3{font-size:15px;color:#55705d;font-weight:500;margin:8px 0}.empty p{font-size:12px;margin:6px auto 20px;max-width:330px}.bottom-note{display:flex;gap:8px;align-items:center;font-size:10px;color:#9ba99e;margin-top:18px}.bottom-note .icon{width:13px;height:13px}.welcome{padding:33px;border:1px solid #dae7df;border-radius:12px;background:#edf3ef;position:relative;margin-bottom:24px}.welcome h2{font-weight:500;font-size:25px;margin:8px 0}.welcome p{color:#718979;font-size:12px;max-width:470px}.welcome .button{margin-top:12px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card-body{padding:24px}.card-body h3{font-size:14px;font-weight:550;margin:0 0 10px}.card-body p{font-size:12px;color:#91a095}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf0ed;font-size:12px;color:#8b9c90}.detail-row:last-child{border-bottom:0}.detail-row b{font-weight:500;color:#4c6956;text-align:end}.settings-form{max-width:440px}.audit-event{padding:15px 24px;border-bottom:1px solid #edf0ed;display:flex;gap:15px;align-items:center}.audit-event .avatar{width:30px;height:30px;font-size:10px}.audit-event p{margin:0;font-size:12px;color:#506d59}.audit-event small{color:#a0ada3;font-size:10px}.audit-event time{font-size:10px;color:#98a59b;margin-inline-start:auto;white-space:nowrap}.loader{text-align:center;padding:80px;color:#97a69b;font-size:12px}.mobile-menu{display:none}.muted{color:#8c9b91}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.link-box{direction:ltr;font-size:11px;height:90px;resize:none;word-break:break-all}.password-rule{font-size:11px;color:#85978a;margin:9px 0 18px}.session-row{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.session-row:last-child{border:0}.session-row small{display:block;color:#98a59b;font-size:10px}dialog{border:1px solid #e2e9e3;border-radius:14px;padding:0;width:min(480px,calc(100vw - 30px));max-height:90svh;color:#294534;box-shadow:0 20px 100px #152c2a24}dialog::backdrop{background:#172f2a55;backdrop-filter:blur(3px)}.modal-head{padding:23px 25px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;font-weight:500;margin:0}.modal-body{padding:24px}.modal-body .actions{justify-content:flex-end}.close{background:none;border:0;color:#8e9e92;display:grid;place-items:center;padding:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:#244b39;color:#fff;border:1px solid #40624d;box-shadow:0 5px 30px #284b3520;border-radius:9px;font-size:12px;padding:13px 22px;max-width:90vw}#toast[hidden]{display:none}html[dir=rtl] .wordmark{letter-spacing:3px}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}html[dir=rtl] .story-body{line-height:1.8}html[dir=rtl] .eyebrow,html[dir=rtl] .step-label,html[dir=rtl] .section-kicker{letter-spacing:0}html[dir=rtl] .story-body h1{line-height:1.5;font-size:43px}html[dir=rtl] input[type=email]{direction:ltr;text-align:right}
@media(min-width:1600px){.auth-story{padding:55px 85px}.auth-main{padding:45px 80px}}@media(max-width:1100px){.content{padding:28px}.topbar{padding:0 28px}.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:30px 12px 18px}.auth-story{padding:35px}.auth-main{padding:30px}.stats{gap:10px}.stat{padding:16px}th,td{padding:13px 17px}}@media(max-width:780px){.auth{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100svh;padding:25px}.auth-top{justify-content:space-between;align-items:center}.auth-main .mobile-brand{display:flex}.auth-form{padding:55px 0}.shell{display:block}.sidebar{display:none;position:fixed;z-index:4;width:230px;inset-inline-start:0;box-shadow:10px 0 60px #1b49352a}.shell.nav-open .sidebar{display:flex}.topbar{height:70px;padding:0 20px}.mobile-menu{display:inline-flex;border:0;background:none;padding:5px;color:#617e6a}.breadcrumb{display:none}.top-actions{gap:5px}.workspace-select{max-width:160px}.content{padding:25px 18px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:24px}.page-heading p{max-width:240px;font-size:11px}.page-heading .button{padding:10px;font-size:11px;white-space:nowrap}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.stat strong{font-size:25px}.stat{padding:15px}.grid-two{grid-template-columns:1fr}.panel-heading{padding:17px;flex-wrap:wrap}.search{width:100%}.welcome{padding:24px}.audit-event{padding:15px;gap:10px}.audit-event time{max-width:90px;white-space:normal}.table-foot{padding:12px 15px}.auth-footer{text-align:center}.page-heading .section-kicker{font-size:9px}.table-scroll th,.table-scroll td{padding:14px}.welcome h2{font-size:22px}.bottom-note{align-items:flex-start}.sidebar-bottom .nav-item{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
