:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f3ef;color:#1f2933}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:linear-gradient(180deg,rgba(47,93,80,.08),transparent 300px),#f4f3ef}.sidebar{background:#24312f;color:#f8faf8;padding:22px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#e9b44c;color:#24312f}.brand strong,.brand span{display:block}.brand span{color:#b7c7bf;font-size:13px}.nav-list{display:grid;gap:8px}.nav-list button,.session-form button,.topbar button,.inspector-header button{border:0;border-radius:8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.nav-list button{justify-content:flex-start;padding:10px 12px;color:#dce5df;background:transparent}.nav-list button.active,.nav-list button:hover{background:#314542;color:#fff}.session-form{display:grid;gap:12px;margin-top:auto}.session-form label{display:grid;gap:6px;font-size:12px;color:#b7c7bf}.session-form input{width:100%;border:1px solid #49615c;background:#1d2826;color:#fff;border-radius:8px;min-height:38px;padding:8px 10px}.session-form button,.inspector-header button{background:#e9b44c;color:#1f2933;font-weight:700}.workspace{min-width:0;padding:24px;display:grid;gap:18px;align-content:start}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1,.settings-band h2,.inspector h2,.provider-title h3,.attempts h3{margin:0;letter-spacing:0}.topbar h1{font-size:28px}.topbar p,.settings-band p{margin:4px 0 0;color:#66756f}.icon-button{width:42px;background:#fff;color:#293936;border:1px solid #d7ddd6}.error-strip,.error-box{display:flex;align-items:center;gap:10px;background:#fff2f0;border:1px solid #f1b6ad;color:#9b2c2c;padding:10px 12px;border-radius:8px}.metrics-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric,.setting-item,.settings-band,.provider-panel,.message-list-panel,.inspector{background:#fff;border:1px solid #dce2dc;border-radius:8px;box-shadow:0 14px 30px #24312f0f}.metric,.setting-item{min-height:82px;display:flex;align-items:center;gap:12px;padding:16px}.metric>span,.setting-item>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#eef2ef;color:#2f5d50}.metric strong,.setting-item strong{display:block;font-size:24px}.metric small,.setting-item small{color:#66756f}.metric-success>span{color:#1d7f55;background:#e8f6ee}.metric-danger>span{color:#b83b3b;background:#fff0ee}.metric-processing>span{color:#946200;background:#fff7df}.message-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:14px;align-items:start}.message-list-panel{min-width:0;overflow:hidden}.table-toolbar{padding:14px;display:flex;gap:10px;border-bottom:1px solid #e2e7e2}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:1px solid #d7ddd6;border-radius:8px;padding:0 10px;background:#fafbf9}.search-box input,.table-toolbar select{border:0;outline:0;background:transparent;min-height:38px}.search-box input{width:100%}.table-toolbar select{border:1px solid #d7ddd6;border-radius:8px;padding:0 10px;background:#fff}.message-table{display:grid}.table-head,.message-row{display:grid;grid-template-columns:130px minmax(130px,.7fr) 120px;gap:12px;align-items:center}.table-head{padding:10px 14px;color:#66756f;font-size:12px;text-transform:uppercase;border-bottom:1px solid #e8ece8}.message-row{width:100%;border:0;border-bottom:1px solid #edf0ec;background:#fff;text-align:left;padding:12px 14px;min-height:72px}.message-row:hover,.message-row.selected{background:#f6faf7}.message-row.selected{box-shadow:inset 3px 0 #2f5d50}.message-preview{grid-column:2 / -1;color:#66756f;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recipient,.date-cell{min-width:0;overflow:hidden;text-overflow:ellipsis}.status-pill{width:fit-content;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;text-transform:capitalize}.tone-success{color:#146c43;background:#e6f5ed}.tone-danger{color:#a52828;background:#fff0ee}.tone-processing,.tone-waiting{color:#7a5600;background:#fff6d8}.tone-muted{color:#58655f;background:#eef2ef}.inspector{min-width:0;padding:16px;display:grid;gap:16px}.inspector-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.inspector-header button{min-width:92px}.inspector-header button:disabled{opacity:.45;cursor:not-allowed}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item{min-width:0;border:1px solid #edf0ec;border-radius:8px;padding:10px;background:#fbfcfb}.detail-item span{display:block;color:#66756f;font-size:12px}.detail-item strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.message-body{border-radius:8px;background:#24312f;color:#f8faf8;padding:14px;line-height:1.6}.attempts{display:grid;gap:8px}.attempt-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #edf0ec;border-radius:8px;padding:10px}.attempt-row small{display:block;color:#66756f}.status-dot{width:9px;height:9px;border-radius:50%}.dot-success{background:#1d7f55}.dot-danger{background:#b83b3b}.settings-view{display:grid;gap:14px}.settings-band{display:flex;gap:12px;align-items:center;padding:18px}.provider-panel{padding:16px;display:grid;gap:14px}.provider-title{display:flex;align-items:center;gap:10px}.provider-config-list{display:grid;gap:10px}.provider-config-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #edf0ec;border-radius:8px;padding:12px;background:#fbfcfb}.provider-config-row small{display:block;color:#66756f;overflow:hidden;text-overflow:ellipsis}.provider-actions{display:flex;gap:8px}.provider-actions button,.provider-form button{border:0;min-height:34px;border-radius:8px;padding:0 12px;background:#24312f;color:#fff}.provider-actions button:disabled{opacity:.45;cursor:not-allowed}.provider-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-form label{display:grid;gap:6px;color:#66756f;font-size:13px}.provider-form input{min-height:40px;border-radius:8px;border:1px solid #d7ddd6;padding:8px 10px;background:#fff;color:#1f2933}.checkbox-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;color:#1f2933!important}.checkbox-row input{min-height:auto}.empty-state{color:#66756f;text-align:center;padding:30px 16px}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.message-layout{grid-template-columns:1fr}}@media(max-width:720px){.workspace{padding:16px}.metrics-grid,.settings-grid,.detail-grid,.provider-form-grid,.provider-config-row{grid-template-columns:1fr}.table-toolbar{flex-direction:column}.table-head{display:none}.message-row{grid-template-columns:1fr;gap:8px}.message-preview{grid-column:auto;white-space:normal}.topbar h1{font-size:22px}}