:root{color:#1f2933;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{font:inherit;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:1px;outline:3px solid #0e74903d}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fafc;background:#172826;flex-direction:column;gap:28px;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;min-height:48px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand strong,.brand small{display:block}.brand small{color:#b6d1cc;margin-top:3px}.nav-list{gap:8px;display:grid}.nav-list button,.admin-actions button,.event-status button,.icon-button{cursor:pointer}.nav-list button{color:#e7f1ef;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;display:flex}.nav-list button:hover,.nav-list button.active{background:#1f4b46}.workspace{grid-template-rows:auto auto 1fr;gap:18px;min-width:0;padding:28px;display:grid}.loading-page,.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loading-page{color:#52605d;gap:10px}.auth-page{background:#e9efed}.auth-panel{background:#fff;border:1px solid #d6dedb;border-radius:8px;width:min(100%,430px);padding:28px;box-shadow:0 18px 44px #1728261a}.auth-brand,.auth-brand>span:last-child,.auth-heading{display:grid}.auth-brand{grid-template-columns:auto 1fr;align-items:center;gap:12px}.auth-brand small{color:#6c7976;margin-top:2px}.auth-heading{gap:6px;margin:28px 0 20px}.auth-heading h1{font-size:26px}.auth-heading p{color:#64706d;line-height:1.45}.form-stack{gap:16px;display:grid}.form-stack label:not(.checkbox-row){color:#3d4b48;gap:7px;font-size:14px;font-weight:650;display:grid}input,select{color:#1f2933;width:100%;min-height:42px;font:inherit;letter-spacing:0;background:#fff;border:1px solid #cbd5d1;border-radius:6px;padding:0 11px}.primary-button,.secondary-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#0f766e}.primary-button:hover:not(:disabled){background:#0b625c}.primary-button.compact{min-height:40px}.secondary-button{color:#2b3b38;background:#edf1ef}.form-error{color:#a52020;background:#fff1f1;border:1px solid #f1c7c7;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.4}.form-error.banner{margin-bottom:14px}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-actions,.account-name{align-items:center;display:flex}.account-actions{gap:9px}.account-name{flex-direction:column;align-items:flex-end;min-width:0;margin-right:4px;line-height:1.25}.account-name small{color:#687774;font-size:12px}.eyebrow{color:#64706d;margin:0 0 4px;font-size:14px}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:760;line-height:1.15}h2{font-size:18px;line-height:1.3}h3{font-size:16px;line-height:1.35}.icon-button{color:#12312f;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:inset 0 0 0 1px #dce2de}.spin{animation:1s linear infinite spin}.status-strip{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;display:grid}.metric{background:#fff;border:1px solid #dce2de;border-radius:8px;align-items:center;gap:12px;min-height:76px;padding:14px;display:flex}.metric-icon{color:#0f766e;background:#e0f2ef;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.metric small,.system-item small{color:#687774;font-size:13px;display:block}.metric strong,.system-item strong{margin-top:3px;font-size:18px;display:block}.push-action{color:#0f766e;min-height:34px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b8cbc6;border-radius:7px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:7px 9px;font-size:13px;font-weight:700;display:inline-flex}.push-action:hover:not(:disabled){background:#e9f5f2}.push-action:disabled{color:#8a9693;cursor:not-allowed;opacity:.75}.push-notice{border:1px solid;border-radius:7px;margin:0;padding:11px 13px;font-size:14px}.push-notice.success{color:#166534;background:#eef9f2;border-color:#a7d7bd}.push-notice.warning{color:#854d0e;background:#fff8e8;border-color:#e8cf96}.panel{background:#fff;border:1px solid #dce2de;border-radius:8px;min-width:0;padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:14px;display:flex}.badge{color:#9a3412;white-space:nowrap;background:#fff7ed;border-radius:8px;align-items:center;min-height:28px;padding:0 10px;font-size:13px;display:inline-flex}.event-list{gap:10px;display:grid}.event-row{border:1px solid #e5ebe7;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.event-main{gap:8px;min-width:0;display:grid}.event-title{align-items:center;gap:8px;min-width:0;display:flex}.event-title svg{color:#0f766e;flex:none}.event-main p{color:#53615e;line-height:1.45}.meta-line{color:#73807c;flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.event-status{justify-items:end;gap:8px;display:grid}.status{color:#30413d;background:#eef3f0;border-radius:8px;align-items:center;min-height:26px;padding:0 10px;font-size:13px;display:inline-flex}.status.acknowledged{color:#166534;background:#dcfce7}.status.expired,.status.send_error{color:#991b1b;background:#fee2e2}.status.no_device{color:#92400e;background:#fef3c7}.event-status button,.admin-actions button{color:#fff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.event-status button{min-width:132px}.event-status button:disabled{cursor:default;background:#84918e}.two-column{grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:20px;display:grid}.progress-block{gap:10px;display:grid}.progress-label{justify-content:space-between;gap:12px;display:flex}.progress-track{background:#e8eeea;border-radius:8px;height:12px;overflow:hidden}.progress-track span{background:#0f766e;height:100%;display:block}.admin-actions{grid-template-columns:1fr;align-content:start;gap:10px;display:grid}.admin-workspace{grid-row:2/-1;min-width:0}.section-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.tabs,.toolbar-actions,.row-actions,.dialog-actions{align-items:center;gap:8px;display:flex}.tabs{background:#e3e9e6;border-radius:8px;padding:4px}.tabs button{color:#53615e;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:7px;min-height:34px;padding:0 12px;display:inline-flex}.tabs button.active{color:#173b37;background:#fff;box-shadow:0 1px 3px #1728261f}.data-table-wrap{background:#fff;border:1px solid #dce2de;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:780px}.data-table th,.data-table td{vertical-align:middle;border-bottom:1px solid #e7ece9;padding:13px 14px}.data-table th{color:#687774;text-transform:uppercase;background:#f7f9f8;font-size:12px;font-weight:750}.data-table tbody tr:last-child td{border-bottom:0}.data-table td>strong,.data-table td>small{display:block}.data-table td>small,.tag-list small{color:#73807c;margin-top:3px}.data-table th:last-child,.data-table td:last-child{white-space:nowrap;text-align:right;width:1%}.row-actions{justify-content:flex-end}.row-actions button{color:#314440;cursor:pointer;background:#edf1ef;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.row-actions button:hover{background:#dfe7e3}.row-actions button.danger{color:#a52020;background:#fff0f0}.tag-list{flex-wrap:wrap;gap:5px;display:flex}.tag-list span,.status-badge{border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;display:inline-flex}.tag-list span{color:#28577c;background:#e8f0f7}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.temporary{color:#92400e;background:#fef3c7}.status-badge.inactive{color:#6b3030;background:#f5dddd}.empty-state{color:#73807c;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:180px;display:flex}.modal-backdrop{z-index:20;background:#0f1d1b7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(100%,620px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 64px #0e1b1947}.modal>header{border-bottom:1px solid #e3e9e6;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 16px 10px 20px;display:flex}.modal-form{padding:20px}.sender-access-form{gap:18px;padding:20px;display:grid}.sender-credential{border-bottom:1px solid #e3e9e6;justify-content:space-between;align-items:center;gap:14px;padding-bottom:16px;display:flex}.sender-credential>div:first-child{min-width:0}.sender-credential small,.sender-credential strong,.sender-credential span{display:block}.sender-credential small,.sender-credential span{color:#687774;font-size:13px}.sender-credential strong{overflow-wrap:anywhere;margin:4px 0}.sender-credential-actions{flex:none;align-items:center;gap:8px;display:flex}.secondary-button.danger-button{color:#a52020;background:#fff0f0}.one-time-secret{color:#74420c;background:#fff8e8;border:1px solid #e8cf96;border-radius:7px;gap:9px;padding:14px;display:grid}.one-time-secret>div{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.one-time-secret code{color:#2a3533;overflow-wrap:anywhere;background:#fff;border:1px solid #dcc188;border-radius:6px;min-width:0;padding:9px 10px;font-size:13px}.one-time-secret small{line-height:1.45}.sender-permissions{gap:14px;display:grid}.form-success{color:#166534;background:#eef9f2;border:1px solid #a7d7bd;border-radius:6px;margin:0;padding:10px 12px;font-size:14px}.dialog-loading{color:#687774;justify-content:center;align-items:center;gap:9px;min-height:180px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.span-two{grid-column:1/-1}.multi-select-field{gap:7px;display:grid}.field-label{color:#3d4b48;font-size:14px;font-weight:650}.multi-select-trigger{color:#1f2933;cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5d1;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 11px;display:flex}.multi-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.multi-select-trigger .placeholder{color:#7b8885}.multi-select-trigger svg{flex:none;transition:transform .15s}.multi-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.multi-select-dropdown{background:#fff;border:1px solid #cbd5d1;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px #1728261f}.multi-select-search{color:#687774;border-bottom:1px solid #e3e9e6;align-items:center;gap:8px;min-height:44px;padding:7px 10px;display:flex}.multi-select-search input{border:0;outline:0;min-height:32px;padding:0}.multi-select-options{max-height:220px;padding:5px;overflow-y:auto}.multi-select-option{cursor:pointer;border-radius:5px;align-items:center;min-height:44px;padding:6px 8px}.multi-select-option:hover{background:#f0f5f3}.multi-select-option>span{min-width:0}.multi-select-option strong,.multi-select-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.multi-select-option small{color:#73807c;margin-top:2px}.multi-select-empty{color:#73807c;text-align:center;padding:18px 10px;font-size:14px}.multi-select-footer{color:#687774;border-top:1px solid #e3e9e6;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:6px 10px;display:flex}.multi-select-footer button{color:#0f766e;cursor:pointer;background:0 0;border-radius:5px;min-height:30px;padding:0 8px}.multi-select-footer button:hover:not(:disabled){background:#e7f1ef}.checkbox-row{color:#3d4b48;align-items:flex-start;gap:8px;font-size:14px;display:flex}.checkbox-row input{flex:none;width:17px;min-height:17px;margin:1px 0 0}.dialog-actions{justify-content:flex-end;padding-top:4px}.system-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.system-item{border:1px solid #e5ebe7;border-radius:8px;align-content:center;gap:6px;min-height:92px;padding:14px;display:grid}.system-item .push-action{justify-self:start;margin:3px 0 0}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.ok{background:#16a34a}.dot.warn{background:#f59e0b}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{gap:14px;padding:14px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-list.user-navigation{grid-template-columns:1fr}.nav-list button{justify-content:center}.workspace{padding:18px}.status-strip,.system-grid,.two-column,.event-row{grid-template-columns:1fr}.event-status{justify-items:start}.admin-workspace{grid-row:auto}}@media (width<=560px){.brand small,.nav-list span{display:none}h1{font-size:24px}.panel-header{flex-direction:column;align-items:flex-start}.status-strip{grid-template-columns:1fr 1fr}.metric{flex-wrap:wrap;align-items:flex-start}.metric .push-action{width:100%;margin-left:0}.workspace{padding:14px}.account-name{display:none}.section-toolbar{flex-direction:column;align-items:stretch}.tabs,.toolbar-actions{width:100%}.tabs button,.toolbar-actions .primary-button{flex:1}.auth-page{padding:14px}.auth-panel{padding:22px 18px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.sender-credential{flex-direction:column;align-items:stretch}.sender-credential-actions{width:100%}.sender-credential-actions button{flex:1}}