:root{color:#193334;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f7f6}button{font:inherit}.shell{background:#f4f7f6;min-height:100vh}.main-panel{background:#f4f7f6;min-width:0}.sidebar.ant-layout-sider{background:#102c30}.sidebar-inner{flex-direction:column;height:100vh;min-height:620px;display:flex;position:sticky;top:0}.brand{color:#f5fffc;align-items:center;gap:12px;min-height:93px;padding:24px 22px 18px;display:flex}.brand-mark,.login-mark{color:#fff;background:#1b8b7f;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:0 6px 18px #071d2052}.brand-copy,.login-brand>span:last-child{flex-direction:column;gap:3px;display:flex}.brand-copy strong,.login-brand strong{letter-spacing:-.025em;font-size:18px;line-height:1.1}.brand-copy small,.login-brand small{color:#84aea9;letter-spacing:.18em;font-size:9px;font-weight:700}.sidebar-nav{flex:1;min-height:0;overflow-y:auto}.nav-caption{color:#789d9a;letter-spacing:.15em;padding:28px 28px 9px;font-size:10px;font-weight:700}.admin-caption{padding-top:25px}.sidebar-menu.ant-menu{background:0 0;border:0}.sidebar-menu.ant-menu-dark .ant-menu-item{color:#b8d1ce;border-radius:8px;width:calc(100% - 24px);height:43px;margin:3px 12px;font-weight:550;padding-left:17px!important}.sidebar-menu.ant-menu-dark .ant-menu-item:hover{color:#fff;background:#1a3b3d}.sidebar-menu.ant-menu-dark .ant-menu-item-selected{color:#effffb;background:#1b5753}.sidebar-menu .ant-menu-item .anticon{font-size:17px}.sidebar-footer{color:#d7e8e4;border-top:1px solid #ffffff1c;align-items:center;gap:11px;margin:16px;padding:16px 11px;display:flex}.sidebar-footer-icon{color:#8ed0c4;background:#ffffff14;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sidebar-footer strong{font-size:12px;font-weight:600}.topbar{background:#fff;border-bottom:1px solid #e5ecea;justify-content:space-between;align-items:center;gap:16px;height:70px;padding:0 34px;line-height:normal;display:flex}.topbar-location{white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:flex}.topbar-location>span:first-child{color:#8a9b9c}.topbar-location strong{color:#304647;font-weight:600}.topbar-divider{color:#c5d0ce}.topbar-user{align-items:center;gap:10px;min-width:0;display:flex}.topbar-user .ant-btn{color:#6f8183}.user-avatar{color:#1b7c70;background:#e0f2ed;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;color:#395153;max-width:230px;font-size:13px;font-weight:550;overflow:hidden}.content{width:100%;max-width:1520px;margin:0 auto;padding:38px 42px 72px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-eyebrow{color:#168477;letter-spacing:.13em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.page-eyebrow .anticon{font-size:13px}.page-heading h1{color:#173536;letter-spacing:-.04em;margin:10px 0 5px;font-size:clamp(26px,3vw,33px);font-weight:720;line-height:1.2}.page-heading p{color:#75898a;margin:0;font-size:13px;line-height:1.5}.live-indicator{color:#207d56;letter-spacing:.02em;background:#dff4e9;border-radius:100px;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;font-size:10px;font-weight:750;display:inline-flex}.live-indicator i{background:#31ad6b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #31ad6b24}.heading-actions{flex:none;gap:9px;display:flex}.heading-actions .ant-btn{height:36px;box-shadow:none;font-weight:600}.heading-actions .ant-btn-default{color:#506b6b;background:#fff;border-color:#dbe6e2}.heading-actions .ant-btn-primary{box-shadow:0 4px 10px #147d7229}.table-card.ant-card{background:#fff;border:1px solid #e3eae8;border-radius:12px;overflow:hidden;box-shadow:0 5px 25px #183d3608}.table-card .ant-card-body{padding:0}.table-toolbar{border-bottom:1px solid #ecf0ef;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:16px 20px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;display:flex}.filters .ant-input-affix-wrapper{width:230px;height:36px}.filters .ant-select{min-width:165px;max-width:220px}.filters .ant-select-selector{align-items:center;min-height:36px!important}.result-count{color:#829293;white-space:nowrap;font-size:12px}.data-table .ant-table{color:#344e4f;font-size:13px}.data-table .ant-table-thead>tr>th{color:#829594;letter-spacing:.08em;text-transform:uppercase;background:#f8faf9;border-bottom:1px solid #e9efed;padding:13px 20px;font-size:10px;font-weight:750}.data-table .ant-table-tbody>tr>td{border-bottom-color:#edf1ef;padding:16px 20px}.data-table .ant-table-tbody>tr:last-child>td{border-bottom:0}.data-table .ant-table-tbody>tr:hover>td{background:#f7fbf9!important}.table-primary{color:#264446;white-space:nowrap;align-items:center;gap:10px;font-weight:620;display:inline-flex}.table-icon{color:#81a4a0;font-size:15px}.muted-value{color:#75898a}.otp-code{color:#166d63;letter-spacing:.11em;background:#edf7f3;border:1px solid #d8e9e4;border-radius:6px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800;display:inline-block}.data-table .ant-btn-text{color:#547a77}.data-table .ant-btn-text:hover{color:#147d72;background:#e6f4ef}.status-tag.ant-tag,.role-tag.ant-tag{border-radius:100px;margin:0;padding:2px 9px;font-size:11px;font-weight:650}.status-active.ant-tag{color:#24845e;background:#e9f8ef;border-color:#d5f1df}.status-inactive.ant-tag{color:#879494;background:#f2f4f3;border-color:#e8eceb}.role-tag.ant-tag{color:#6a62a8;background:#f0eefb;border-color:#e6e2f6}.data-table .ant-pagination{margin:16px 20px!important}.empty-state{color:#829694;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;display:flex}.empty-state>.anticon{color:#a9c2bc;font-size:28px}.empty-state strong{color:#3c5b59;font-size:14px}.empty-state span:last-child{font-size:12px}.editor-modal .ant-modal-title{font-size:18px}.editor-modal .ant-form{margin-top:20px}.password-generator{gap:8px;display:flex}.password-generator .ant-input-password{flex:1;min-width:0}.password-generator .ant-btn{flex:none}.forwarding-list{margin-bottom:24px}.forwarding-heading{margin-bottom:10px;font-size:13px}.forwarding-heading strong{color:#425b59;font-weight:650}.forwarding-row{align-items:flex-start;gap:8px;display:flex}.forwarding-row .ant-form-item{flex:1;margin-bottom:10px}.forwarding-row .ant-btn{color:#879494;flex:none}.center{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.login-screen{background:radial-gradient(circle at 18% 15%,#286a67 0,#0000 32%),linear-gradient(145deg,#102c30,#173f42 62%,#0f2b2f);place-items:center;min-height:100vh;padding:30px 16px;display:grid}.login-shell{width:390px;max-width:100%}.login-brand{color:#fff;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-brand .brand-mark{width:47px;height:47px}.login-brand strong{font-size:21px}.login-brand small{color:#add0c9}.login.ant-card{border:0;border-radius:14px;box-shadow:0 24px 70px #071c2170}.login .ant-card-body{padding:34px}.login h1{color:#193b3a;letter-spacing:-.04em;margin:0 0 6px;font-size:25px}.login p{color:#78908e;margin:0 0 28px;font-size:13px}.login .ant-form-item-label label{color:#425b59;font-weight:650}.login .ant-input-affix-wrapper{min-height:43px}.login .ant-input-prefix{color:#9ab0ac;margin-right:9px}.login .ant-btn-primary{height:43px;margin-top:6px;font-weight:650}.login-caption{color:#a5c7c1;text-align:center;margin-top:23px;font-size:11px;display:block}@media (width<=1000px){.content{padding:30px 25px 56px}.topbar{padding:0 25px}.user-name{display:none}}@media (width<=640px){.content{padding:26px 16px 48px}.topbar{height:62px;padding:0 17px 0 44px}.topbar-user .ant-btn{font-size:0}.topbar-user .ant-btn .anticon{font-size:16px}.page-heading{flex-direction:column;align-items:flex-start;gap:17px}.heading-actions{width:100%}.heading-actions .ant-btn{flex:1}.table-toolbar{flex-direction:column;align-items:stretch;padding:14px}.filters{width:100%}.filters .ant-input-affix-wrapper,.filters .ant-select{width:100%;max-width:none}.result-count{align-self:flex-end}.login .ant-card-body{padding:27px}}
