:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.sidebar{width:320px;max-height:100%;padding:14px 14px 10px;display:flex;flex-direction:column;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft)}.sidebar-header{margin-bottom:8px}.sidebar-title-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.sidebar-title{margin:0;font-size:18px;font-weight:600;color:var(--color-text);letter-spacing:.02em}.sidebar-title-accent{width:28px;height:3px;border-radius:999px;background:var(--color-accent)}.sidebar-subtitle{margin:2px 0 0;font-size:12px;color:var(--color-text-muted)}.sidebar-status{display:flex;flex-direction:column;gap:6px}.status-chip{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:500}.status-chip--connecting{background:#facc1529;color:var(--color-pending);border:1px solid rgba(250,204,21,.45)}.status-chip--connected{background:#22c55e29;color:var(--color-active);border:1px solid rgba(34,197,94,.45)}.status-chip--disconnected{background:#f8717129;color:var(--color-danger);border:1px solid rgba(248,113,113,.45)}.status-error{font-size:11px;color:var(--color-danger)}.sidebar-theme-toggle{margin-top:10px;display:inline-flex;padding:2px;gap:2px;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface-deep)}.sidebar-theme-toggle-button{border:none;border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer;background:transparent;color:var(--color-text-muted);transition:background .15s ease,color .15s ease}.sidebar-theme-toggle-button--active{background:var(--color-accent);color:var(--bsu-white)}.sidebar-audio-row{margin-top:8px;padding:10px 11px;display:flex;align-items:flex-start;gap:12px;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle)}.sidebar-audio-group,.sidebar-notif-group{flex:1;min-width:0}.sidebar-controls-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:4px}.sidebar-toggle-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text)}.sidebar-toggle-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent);cursor:pointer}.sidebar-volume-slider{width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}.sidebar-volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--color-border-subtle)}.sidebar-volume-slider::-moz-range-track{height:4px;border-radius:999px;background:var(--color-border-subtle)}.sidebar-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:999px;background:var(--color-accent);border:2px solid var(--color-surface-deep);margin-top:-5px}.sidebar-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:var(--color-accent);border:2px solid var(--color-surface-deep)}.sidebar-notif-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.sidebar-notif-label-main{font-size:12px;font-weight:500;color:var(--color-text)}.sidebar-notif-caption{font-size:11px;color:var(--color-text-muted);line-height:1.3}.sidebar-notif-unsupported{font-size:11px;color:var(--color-text-muted)}.sidebar-switch{position:relative;display:inline-flex;align-items:center;gap:6px;padding:2px 6px 2px 2px;border-radius:999px;border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:pointer;font-size:11px;line-height:1;color:var(--color-text-muted);transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar-switch-knob{width:14px;height:14px;border-radius:999px;background:var(--color-border-subtle);transition:background .15s ease,transform .15s ease}.sidebar-switch-label{white-space:nowrap}.sidebar-switch--on{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.sidebar-switch--on .sidebar-switch-knob{background:var(--color-accent)}.sidebar-switch--off:hover{border-color:var(--color-border-strong)}.sidebar-section{margin-top:10px}.sidebar-section--scrollable{flex:1;overflow-y:auto;padding-right:2px}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sidebar-section-header h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.badge{min-width:20px;padding:2px 6px;border-radius:999px;font-size:11px;text-align:center;background:var(--color-accent-soft);color:var(--color-accent)}.badge--muted{background:#94a3b829;color:var(--color-text)}.sidebar-empty{font-size:12px;color:var(--color-text-muted);padding:6px 2px 2px}.room-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.room-card{cursor:pointer;padding:8px 9px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);transition:border-color .15s ease,background .15s ease,transform .08s ease,box-shadow .1s ease}.room-card:hover{border-color:var(--color-border-strong)}.room-card--selected{border-color:var(--color-accent);background:#ba0c2f08;box-shadow:0 0 0 1px #ba0c2f40}.room-card--muted{opacity:.7;cursor:default}.room-card--muted:hover{transform:none;border-color:var(--color-border-subtle)}.room-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.room-id{font-size:13px;font-weight:600;color:var(--color-text)}.room-status{font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid transparent}.room-status--pending{background:#facc1529;border-color:#facc1573;color:var(--color-pending)}.room-status--active{background:#22c55e29;border-color:#22c55e73;color:var(--color-active)}.room-status--assigned{background:#94a3b829;border-color:#94a3b873;color:var(--color-text-muted)}.room-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-muted);margin-bottom:6px}.room-actions{display:flex;gap:6px}.btn{border-radius:999px;border:1px solid transparent;font-size:11px;padding:5px 10px;cursor:pointer;background:transparent;color:var(--color-text);transition:background .15s ease,border-color .15s ease,transform .08s ease}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--bsu-white);font-weight:500}.btn-primary:hover:not(:disabled){transform:translateY(-.5px);background:#8f0a26;border-color:#8f0a26}.btn-ghost{border-color:var(--color-border-subtle);background:var(--color-surface-elevated)}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-strong)}.btn:disabled{opacity:.5;cursor:default;transform:none}.sidebar-admin-nav{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.sidebar-admin-nav-button{font-size:11px;padding-inline:10px}.sidebar-livechat-admin-toggle{margin-top:10px;margin-bottom:4px}.sidebar-livechat-error{margin-top:4px;font-size:11px;color:var(--color-danger)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--bsu-white);font-weight:500}.btn-danger:hover:not(:disabled){background:#8f0a26;border-color:#8f0a26;transform:translateY(-.5px)}.btn-danger:disabled{opacity:.6;cursor:default;transform:none}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft);overflow:hidden;max-height:100%}.chat-header{padding:10px 14px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-deep)}.chat-header-main{display:flex;justify-content:space-between;align-items:center}.chat-header-left{display:flex;flex-direction:column;gap:4px}.chat-room-label{font-weight:600;font-size:14px;color:var(--color-text)}.chat-header-right{display:flex;align-items:center;gap:8px}.chat-room-status-pill{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--color-border-subtle);text-transform:uppercase;letter-spacing:.08em}.chat-room-status-pill--pending{background:#facc1514;color:var(--color-pending);border-color:#facc154d}.chat-room-status-pill--active{background:#22c55e1f;color:var(--color-active);border-color:#22c55e4d}.chat-room-status-pill--closed{background:#94a3b824;color:var(--color-closed);border-color:#94a3b866}.chat-header-meta{margin-top:4px;font-size:11px;color:var(--color-text-muted);display:flex;gap:12px}.chat-header-empty{font-size:13px;color:var(--color-text-muted)}.chat-body{flex:1;overflow-y:auto;padding:10px 14px;background:var(--color-surface);scrollbar-gutter:stable}.chat-empty{font-size:13px;color:var(--color-text-muted);margin-top:4px}.chat-message{display:flex;margin-bottom:6px}.chat-message--agent{justify-content:flex-end}.chat-message--visitor{justify-content:flex-start}.chat-message--system{justify-content:center}.chat-message-bubble{max-width:70%;padding:7px 9px;border-radius:14px;border:1px solid var(--color-border-subtle);font-size:13px;background:var(--color-surface-elevated)}.chat-message--agent .chat-message-bubble{border-color:var(--color-accent)}.chat-message--visitor .chat-message-bubble{border-color:var(--color-border-subtle)}.chat-message--system .chat-message-bubble{border-style:dashed;max-width:60%;font-size:12px;color:var(--color-text-muted)}.chat-message-meta{display:flex;justify-content:space-between;margin-bottom:2px}.chat-message-sender{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.chat-message-time{font-size:10px;color:var(--color-text-muted)}.chat-message-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.chat-message-text a{color:var(--color-accent);text-decoration:underline}.chat-typing-indicator{font-size:11px;color:var(--color-text-muted);font-style:italic;margin-top:6px}.chat-message--transcript .chat-message-bubble{max-width:100%;background:var(--color-surface);border-style:dashed;font-size:13px}.chat-transcript{display:flex;flex-direction:column;gap:0}.chat-transcript-row{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline;margin-top:2px}.chat-transcript-row--block-start{margin-top:10px}.chat-transcript-row:first-child{margin-top:0}.chat-transcript-speaker{font-size:12px;font-weight:600;color:var(--color-text-muted);text-align:right;white-space:nowrap}.chat-transcript-row--user .chat-transcript-speaker{color:var(--color-accent)}.chat-transcript-row--bot .chat-transcript-speaker{color:var(--color-text)}.chat-transcript-text{font-size:13px;color:var(--color-text);line-height:1.5}.chat-transcript-text a{color:var(--color-accent);text-decoration:underline}.chat-composer{display:flex;align-items:flex-end;padding:8px 10px;border-top:1px solid var(--color-border-subtle);background:var(--color-surface-deep);gap:8px}.chat-input{flex:1;padding:8px 10px;border-radius:12px;border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);font-size:13px;outline:none;resize:none;max-height:180px;line-height:1.4;min-height:32px}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px #ba0c2f66}.chat-send-button{min-width:76px}.chat-end-button{font-size:11px;padding-inline:10px;border-radius:999px;border:1px solid rgba(186,12,47,.55);color:var(--color-text);background:#ba0c2f2e}.chat-end-button:hover:not(:disabled){border-color:#ba0c2fe6;background:#ba0c2f47}.chat-message-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;opacity:.8}.chat-message-meta-separator{opacity:.7}.composer-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;color:var(--color-text-muted);transition:background .2s,color .2s;flex-shrink:0}.composer-action-btn:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-accent);border-color:var(--color-border-strong)}.composer-action-btn svg{width:18px;height:18px}.snippet-picker-popup{position:absolute;bottom:calc(100% + 10px);left:0;width:350px;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:8px;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;z-index:1000;overflow:hidden;max-height:350px}.snippet-picker-header{padding:8px 12px;background:var(--color-surface-deep);border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);display:flex;justify-content:space-between;align-items:center}.snippet-picker-hint{font-weight:400;opacity:.7;font-size:10px}.snippet-picker-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.snippet-picker-item{padding:10px 12px;border-bottom:1px solid var(--color-border-subtle);border-left:3px solid transparent;cursor:pointer;transition:background .1s,border-color .1s}.snippet-picker-item:last-child{border-bottom:none}.snippet-picker-item.selected,.snippet-picker-item:hover{background:#ba0c2f14;border-left-color:var(--color-accent)}[data-theme=dark] .snippet-picker-item.selected,[data-theme=dark] .snippet-picker-item:hover{background:#ba0c2f26}.snippet-picker-top{display:flex;justify-content:space-between;margin-bottom:4px}.snippet-picker-shortcut{font-family:monospace;font-weight:700;color:var(--color-accent);background:#ba0c2f14;padding:1px 5px;border-radius:3px;font-size:12px}.snippet-picker-category{font-size:10px;background:var(--color-border-subtle);padding:1px 5px;border-radius:3px;color:var(--color-text-muted);text-transform:uppercase}.snippet-picker-content{font-size:13px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.snippet-picker-categories{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.snippet-picker-categories::-webkit-scrollbar{display:none}.picker-cat-chip{font-size:10px;padding:3px 10px;border-radius:99px;border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:all .1s ease;text-transform:uppercase;font-weight:600;letter-spacing:.03em}.picker-cat-chip:hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface-deep)}.picker-cat-chip.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.snippet-picker-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-size:12px}.connection-bar{height:32px;display:flex;align-items:center;padding:0 16px;font-size:12px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-deep);color:var(--color-text-muted);column-gap:8px;border-left:3px solid var(--color-accent)}.connection-bar--connecting{color:var(--color-pending)}.connection-bar--connected{color:var(--color-active)}.connection-bar--disconnected{color:var(--color-danger)}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;--bsu-cardinal: #ba0c2f;--bsu-black: #000000;--bsu-white: #ffffff;--color-bg: #f6f6f8;--color-surface: #ffffff;--color-surface-elevated: #f9fafb;--color-surface-deep: #f3f4f6;--color-border-subtle: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-accent: var(--bsu-cardinal);--color-accent-soft: rgba(186, 12, 47, .08);--color-danger: #b91c1c;--color-pending: #b45309;--color-active: #15803d;--color-closed: #6b7280;--radius-md: 8px;--radius-lg: 12px;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .12);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #060608;--color-surface: #0b0b0f;--color-surface-elevated: #141417;--color-surface-deep: #101014;--color-border-subtle: #26262c;--color-border-strong: #3f3f46;--color-text: #f3f4f6;--color-text-muted: #a1a1aa;--color-accent: var(--bsu-cardinal);--color-accent-soft: rgba(186, 12, 47, .18);--color-danger: #f97373;--color-pending: #facc15;--color-active: #22c55e;--color-closed: #9ca3af;--shadow-soft: 0 18px 40px rgba(0, 0, 0, .6)}}:root[data-theme=light]{--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-elevated: #f9fafb;--color-surface-deep: #e5e7eb;--color-border-subtle: #d4d4d8;--color-border-strong: #9ca3af;--color-text: #111827;--color-text-muted: #4b5563;--color-accent: var(--bsu-cardinal);--color-accent-soft: rgba(186, 12, 47, .12);--color-danger: #b91c1c;--color-pending: #92400e;--color-active: #166534;--color-closed: #4b5563;--radius-md: 8px;--radius-lg: 12px;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .14)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark]{--color-bg: #060608;--color-surface: #0b0b0f;--color-surface-elevated: #141417;--color-surface-deep: #101014;--color-border-subtle: #26262c;--color-border-strong: #3f3f46;--color-text: #f3f4f6;--color-text-muted: #a1a1aa;--color-accent: var(--bsu-cardinal);--color-accent-soft: rgba(186, 12, 47, .18);--color-danger: #f97373;--color-pending: #facc15;--color-active: #22c55e;--color-closed: #9ca3af;--shadow-soft: 0 18px 40px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app-root{display:flex;flex-direction:column;height:100vh}.app-shell{display:flex;flex:1;max-width:1440px;width:100%;margin:0 auto;padding:12px 16px 16px;gap:12px;min-height:0}.admin-root{display:flex;flex-direction:column;height:100vh;background:var(--color-bg)}.admin-shell{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:12px 16px 16px;gap:12px;display:flex;flex-direction:column;min-height:0}.admin-card{width:100%;max-width:460px;padding:32px 28px;border-radius:var(--radius-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft);text-align:center;margin:auto}.admin-card-accent{height:4px;width:52px;background:var(--color-accent);border-radius:999px;margin:0 auto 20px}.admin-card-title{margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.01em}.admin-card-subtitle{margin:0 0 16px;font-size:15px;color:var(--color-text-muted)}.admin-primary-button{margin-top:6px;padding:10px 18px;border-radius:999px;background:var(--color-accent);color:var(--bsu-white);border:1px solid var(--color-accent);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .1s ease,opacity .1s ease}.admin-primary-button:hover:not(:disabled){background:#8f0a26;transform:translateY(-.5px)}.admin-primary-button:disabled{opacity:.7;cursor:default}.admin-back-row{display:flex;align-items:center;margin-bottom:4px}.admin-back-button{border-radius:999px;border:1px solid var(--color-border-subtle);padding:6px 12px;font-size:12px;background:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-back-button:hover{background:var(--color-surface-deep);border-color:var(--color-border-strong)}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.admin-header-title{margin:0;font-size:22px;font-weight:600}.admin-header-subtitle{margin:4px 0 0;font-size:14px;color:var(--color-text-muted)}.admin-header-controls{display:flex;gap:12px;align-items:center}.admin-select-label{display:flex;flex-direction:column;font-size:12px;color:var(--color-text-muted);gap:4px}.admin-select{min-width:140px;border-radius:999px;border:1px solid var(--color-border-subtle);padding:6px 10px;font-size:13px;background:var(--color-surface);color:var(--color-text)}.admin-error-banner{margin-bottom:4px;padding:8px 10px;border-radius:var(--radius-md);background:#f8717114;border:1px solid rgba(248,113,113,.5);font-size:13px;color:var(--color-danger)}.admin-placeholder{padding:16px;font-size:14px;color:var(--color-text-muted)}.admin-split{flex:1;display:flex;gap:12px;min-height:0;overflow:hidden}.admin-list-pane{flex:0 0 320px;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);padding:14px 14px 10px;display:flex;flex-direction:column;box-shadow:var(--shadow-soft);overflow-y:auto}.admin-detail-pane{flex:1;display:flex;flex-direction:column;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft);overflow:hidden}.admin-chat-body{flex:1;overflow-y:auto;padding:10px 14px;background:var(--color-surface);scrollbar-gutter:stable}.admin-room-extra{margin-top:4px;font-size:12px;color:var(--color-text-muted)}.admin-chat-header-row{display:flex;justify-content:space-between;align-items:center}.admin-chat-room-label{font-weight:600;font-size:15px}.admin-chat-header-meta{margin-top:4px;font-size:12px;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:8px}.admin-section-card{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);padding:14px;display:flex;flex-direction:column;gap:10px}.admin-section-card--grow{flex:1;overflow:auto}.admin-section-header-row{display:flex;justify-content:space-between;align-items:center}.admin-section-title{margin:0;font-size:15px;font-weight:600}.admin-user-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:4px}.admin-form-caption{font-size:12px;color:var(--color-text-muted)}.admin-field{display:flex;flex-direction:column;font-size:12px;color:var(--color-text-muted);gap:4px}.admin-field--grow{flex:1 1 220px}.admin-field--medium{width:150px}.admin-input,.admin-input-select{border-radius:999px;border:1px solid var(--color-border-subtle);padding:6px 10px;font-size:13px;background:var(--color-surface);color:var(--color-text)}.admin-checkbox-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text)}.admin-checkbox-row input[type=checkbox]{width:14px;height:14px;cursor:pointer}.admin-form-actions{display:flex;align-items:center;gap:8px}.admin-secondary-button{border-radius:999px;border:1px solid var(--color-border-subtle);padding:7px 14px;font-size:13px;background:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-secondary-button:hover:not(:disabled){background:var(--color-surface-deep);border-color:var(--color-border-strong)}.admin-danger-button{border-radius:999px;border:1px solid rgba(248,113,113,.7);padding:5px 10px;font-size:12px;background:#7f1d1d14;color:var(--color-danger);cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin-danger-button:hover:not(:disabled){background:#7f1d1d2e;border-color:#f87171}.admin-users-table{width:100%;border-collapse:collapse;font-size:13px}.admin-users-table th,.admin-users-table td{padding:6px 8px;border-bottom:1px solid var(--color-border-subtle);text-align:left}.admin-users-table th{font-weight:500;font-size:12px;color:var(--color-text-muted)}.admin-users-table td{font-size:13px}.admin-user-row-actions{display:flex;gap:6px}.guard-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-bg)}.guard-card{width:100%;max-width:480px;padding:28px 26px 24px;border-radius:var(--radius-lg);background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft);text-align:center}.guard-card--loading{opacity:.95}.guard-card-accent{height:4px;width:52px;background:var(--color-accent);border-radius:999px;margin:0 auto 18px}.guard-card-title{margin:0 0 6px;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.guard-card-subtitle{margin:4px 0;font-size:14px;color:var(--color-text-muted)}.guard-card-subtitle--error{color:var(--color-danger)}.guard-primary-button{margin-top:12px;padding:9px 18px;border-radius:999px;background:var(--color-accent);color:var(--bsu-white);border:1px solid var(--color-accent);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .1s ease,opacity .1s ease}.guard-primary-button:hover:not(:disabled){background:#8f0a26;transform:translateY(-.5px)}.guard-primary-button:disabled{opacity:.7;cursor:default}.guard-form-row{margin-top:16px;margin-bottom:4px;display:flex;justify-content:center}.guard-select-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--color-text)}.guard-select{margin-top:2px;min-width:220px;border-radius:999px;border:1px solid var(--color-border-subtle);padding:6px 12px;font-size:13px;background:var(--color-surface);color:var(--color-text);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.guard-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px #ba0c2f40}.guard-select:disabled{opacity:.6;cursor:default}.snippets-container{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.snippet-form-card{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft)}.snippet-form-row{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group--short{flex:0 0 160px}.form-group--medium{flex:0 0 220px}.form-group--grow{flex:1}.snippet-input{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);font-size:14px;transition:border-color .2s}.snippet-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #ba0c2f1a}.category-section{display:flex;flex-direction:column;gap:12px}.category-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:4px;border-bottom:1px solid var(--color-border-subtle)}.category-badge{background:var(--color-surface-deep);padding:2px 8px;border-radius:4px;font-size:11px;color:var(--color-text)}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.snippet-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;transition:transform .1s,box-shadow .1s,border-color .1s;position:relative}.snippet-card:hover{box-shadow:var(--shadow-soft);border-color:var(--color-border-strong)}.snippet-card-header{display:flex;justify-content:space-between;align-items:center}.snippet-shortcut-badge{font-family:monospace;background:#ba0c2f14;color:var(--color-accent);padding:2px 6px;border-radius:4px;font-weight:600;font-size:13px}.snippet-card-content{font-size:14px;color:var(--color-text);line-height:1.4;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.snippet-actions{margin-top:auto;padding-top:12px;display:flex;gap:8px;justify-content:flex-end;opacity:.6;transition:opacity .2s}.snippet-card:hover .snippet-actions{opacity:1}.action-btn{background:none;border:none;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;color:var(--color-text-muted)}.action-btn:hover{background:var(--color-surface-deep);color:var(--color-text)}.action-btn.delete:hover{background:#f871711a;color:var(--color-danger)}.category-control-container{display:flex;flex-direction:column;gap:8px}.category-chips-label{font-size:11px;color:var(--color-text-muted);font-weight:500}.category-chips{display:flex;flex-wrap:wrap;gap:6px}.category-chip{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;text-transform:uppercase;-webkit-user-select:none;user-select:none}.category-chip:hover{background:var(--color-surface-deep);border-color:var(--color-border-strong);color:var(--color-text)}.category-chip.active{background:#ba0c2f1a;color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 1px #ba0c2f33}.category-input-hybrid{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);font-size:13px}.category-input-hybrid:focus{outline:none;border-color:var(--color-accent)}