:root{color:#1d1f1c;font-synthesis:none;background:#f4f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f5f1;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-screen{background:radial-gradient(circle at top,#ece8d4 0,#f4f5f1 38% 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{background:#fff;border:1px solid #e5e6df;border-radius:28px;width:min(440px,100%);padding:32px;box-shadow:0 24px 80px #373a2d1f}.brand-row,.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#68704a;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.muted,small,.page-header p,.panel-title p,.support-block p,.danger-zone p{color:#74786e}.login-card>.environment-badge{margin-top:20px}.login-copy{margin:28px 0 22px}.login-copy h1,.page-header h1{letter-spacing:-.025em;margin:0}.login-copy p{color:#6e7268;margin:8px 0 0;line-height:1.6}.stack{gap:16px;display:grid}label{color:#45483f;gap:7px;font-size:13px;font-weight:650;display:grid}input,select{color:#1d1f1c;background:#fff;border:1px solid #dfe1d9;border-radius:12px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#7d855c;box-shadow:0 0 0 3px #7d855c21}.primary-button,.secondary-button,.danger-button,.text-button,.icon-button,.table-action{border:0;border-radius:11px}.primary-button{color:#fff;background:#5f6842;padding:12px 16px;font-weight:700}.primary-button:hover{background:#515a37}.primary-button.compact{padding:10px 14px}.secondary-button{color:#34382e;background:#f0f1eb;padding:10px 13px;font-weight:650}.secondary-button:hover{background:#e4e6dc}.button-link{align-items:center;gap:7px;text-decoration:none;display:inline-flex}.text-button{color:#61684a;background:0 0;padding:8px}.danger-button{color:#fff;background:#9d3434;padding:11px 14px;font-weight:700}.icon-button{color:#4f5449;background:#f0f1eb;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button.danger{color:#9d3434}.error-box{color:#8d2828;background:#fff3f3;border:1px solid #e7bcbc;border-radius:12px;margin-bottom:14px;padding:11px 13px}.mfa-setup{gap:12px;display:grid}.mfa-qr-panel{text-align:center;background:#f8f8f2;border:1px solid #dedfcf;border-radius:14px;justify-items:center;gap:10px;padding:16px;display:grid}.mfa-qr-panel small{max-width:300px;line-height:1.45}.mfa-qr-code{background:#fff;border-radius:10px;width:min(240px,100%);height:auto;display:block}.mfa-qr-error{color:#8d2828;margin:0;font-size:12px}.secret-box{background:#f8f8f2;border:1px solid #dedfcf;border-radius:14px;gap:8px;padding:14px;display:grid}.secret-box span{color:#666b5f;font-size:12px;font-weight:700}.secret-box code{word-break:break-all;font-size:14px}.environment-badge{letter-spacing:.09em;color:#565d40;background:#eceee4;border-radius:999px;width:fit-content;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.environment-production{color:#8b3330;background:#f5e6e4}.environment-development,.environment-dev{color:#345c84;background:#e5edf7}.environment-local{color:#5c6441;background:#eceee4}.app-shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#20231d;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{padding:4px 6px 22px}.sidebar-brand>div:last-child{gap:5px;display:grid}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#cfd2c7;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;width:100%;padding:11px 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.nav-active{color:#fff;background:#34382d}.sidebar-user{border-top:1px solid #393d33;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:16px 6px 2px;display:flex}.sidebar-user>div{gap:3px;min-width:0;display:grid}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar-user span{color:#9fa495;text-transform:capitalize;font-size:11px}.sidebar-user button{color:#bec2b6;background:0 0;border:0;border-radius:9px;padding:7px}.content{padding:34px;overflow:hidden}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-header h1{font-size:30px}.page-header p{margin:7px 0 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{background:#fff;border:1px solid #e5e6df;border-radius:18px;align-items:center;gap:14px;padding:19px;display:flex}.metric-card>div:last-child{gap:2px;display:grid}.metric-card strong{font-size:25px}.metric-card span{color:#73786d;font-size:12px}.metric-icon{color:#626b44;background:#eff0e7;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.metric-icon.large{border-radius:18px;width:58px;height:58px}.panel{background:#fff;border:1px solid #e5e6df;border-radius:18px;margin-bottom:18px;padding:20px}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title h2,.panel h3{margin:0}.panel-title p{margin:3px 0 0;font-size:12px}.activity-list{display:grid}.activity-list>div{border-bottom:1px solid #f0f1eb;align-items:center;gap:12px;padding:11px 2px;display:flex}.activity-list>div:last-child{border-bottom:0}.activity-list>div>div{gap:3px;display:grid}.activity-list small{font-size:11px}.status-dot{background:#7a8358;border-radius:50%;width:8px;height:8px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.compact-grid{border-top:1px solid #f0f1eb;grid-template-columns:1.4fr 1fr .7fr auto;padding-top:14px}.form-actions{align-items:center;gap:8px;display:flex}.two-column{grid-template-columns:minmax(280px,.8fr) minmax(500px,1.7fr);align-items:start;gap:18px;display:grid}.company-list{gap:7px;display:grid}.company-row{text-align:left;background:#fbfbf8;border:1px solid #e9eae4;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.company-row:hover,.company-row.selected{background:#f4f5ec;border-color:#bbc09f}.company-row>div{gap:4px;min-width:0;display:grid}.company-row>div:last-child{justify-items:end}.company-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.company-row span,.company-row small{color:#777c70;font-size:11px}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;width:fit-content;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.status-active{color:#3e6b3a;background:#e7f1e4}.status-suspended{color:#8a5b24;background:#f5e9d9}.status-archived{color:#676a65;background:#ececeb}.detail-panel h3{margin-top:22px;margin-bottom:10px;font-size:14px}.seat-line{background:#f8f8f4;border-radius:14px;gap:7px;margin-bottom:16px;padding:15px;display:grid}.seat-line>span{color:#707569;font-size:12px}.seat-line>div{background:#e3e5dc;border-radius:999px;height:7px;overflow:hidden}.seat-line>div i{border-radius:inherit;background:#707950;height:100%;display:block}.seat-line small{font-size:10px}.action-strip{flex-wrap:wrap;gap:8px;margin:14px 0 2px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#73786d;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e9eae4;padding:9px 10px;font-size:10px}td{vertical-align:middle;border-bottom:1px solid #f0f1eb;padding:11px 10px}td strong,td small{display:block}td small{margin-top:3px;font-size:10px}.table-action{color:#4d5247;background:#f1f2ec;padding:6px 8px;font-size:11px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.support-block{border:1px dashed #d9dbd0;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:14px;display:flex}.support-block p{margin:4px 0 0;font-size:11px}.invitation-tools{background:#fbfbf8;border:1px solid #eaebe5;border-radius:14px;gap:10px;margin-top:10px;padding:14px;display:grid}.invite-form{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.invite-result{background:#f0f3e6;border:1px solid #dce1c9;border-radius:12px;gap:8px;padding:12px;display:grid}.invite-result strong{font-size:12px}.invite-result small{font-size:10px}.invitation-list{gap:7px;margin-top:2px;display:grid}.invitation-list>div{background:#fff;border:1px solid #eaebe5;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.invitation-list>div>div{gap:3px;display:grid}.danger-zone{background:#fff8f7;border:1px solid #e6c1c1;border-radius:14px;gap:10px;margin-top:22px;padding:15px;display:grid}.danger-zone h3{color:#872f2f;margin:0}.danger-zone p{margin:0;font-size:11px}.danger-zone input{border-color:#e3c1c1}.account-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-summary>div{background:#f8f8f4;border-radius:12px;gap:5px;padding:12px;display:grid}.account-summary span{text-transform:uppercase;letter-spacing:.05em;color:#7a7f73;font-size:10px}.account-summary strong{text-transform:none;font-size:13px}.password-form{gap:14px;max-width:620px;display:grid}.placeholder-panel{flex-direction:column;justify-content:center;align-items:flex-start;min-height:300px;display:flex}.placeholder-panel h2{margin:15px 0 6px}.placeholder-panel p{color:#707569;max-width:650px}pre{color:#40443b;background:#f6f7f2;border-radius:12px;max-width:100%;padding:12px;font-size:11px;overflow:auto}.empty{text-align:center;color:#858a7e;padding:28px 10px;font-size:12px}.loading{color:#73786d;padding:20px}.loading.full{place-items:center;min-height:100vh;display:grid}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}.form-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:20px}.metric-grid,.form-grid,.compact-grid,.invite-form,.account-summary{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}