@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#182339;--muted:#718096;--text-strong:#2c394e;--text-mid:#5f6b80;--text-soft:#96a1b1;--text-faint:#b9c1cc;--bg:#f4f7fb;--surface:#fff;--surface-2:#f6f8fb;--surface-hover:#fbfcfe;--thead:#fbfcfd;--line:#e5eaf1;--line-soft:#edf0f4;--border:#dfe5ed;--border-hover:#b9c9e0;--blue:#315fba;--blue-dark:#244c9a;--focus-border:#89a9df;--focus-ring:#edf3fd;--tint-blue:#e8f0ff;--tint-blue-strong:#dbe7ff;--tint-blue-border:#dbe8fa;--on-blue:#3a62ad;--tint-amber:#fff2db;--on-amber:#b07c2a;--tint-purple:#f0eaff;--on-purple:#7655bd;--tint-green:#e8f5ed;--on-green:#3f8f5f;--tint-red:#fdf1f1;--tint-red-border:#f3d4d4;--on-red:#b0524a;--scrim:#1722388c;--toast-bg:#1e2e45}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9edf6;--muted:#98a4ba;--text-strong:#dce3f0;--text-mid:#a8b3c8;--text-soft:#7e8aa2;--text-faint:#57637c;--bg:#0f1522;--surface:#171e2e;--surface-2:#1d2537;--surface-hover:#1b2334;--thead:#151c2a;--line:#252f45;--line-soft:#222c40;--border:#2c384f;--border-hover:#40506f;--blue:#5b8ae6;--blue-dark:#4a76d0;--focus-border:#4a76d0;--focus-ring:#22304d;--tint-blue:#223250;--tint-blue-strong:#2a3c60;--tint-blue-border:#2d3f61;--on-blue:#93b2ee;--tint-amber:#3b2f18;--on-amber:#e3aa50;--tint-purple:#2e2546;--on-purple:#b39ce9;--tint-green:#1d3427;--on-green:#6fc596;--tint-red:#3b2121;--tint-red-border:#553130;--on-red:#e18d85;--scrim:#000000a8;--toast-bg:#27354f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:252px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#4d84d5;background:linear-gradient(145deg,#edfaff,#d9edf8);border-radius:13px;flex:none;place-items:center;width:43px;height:43px;display:grid;box-shadow:inset 0 0 0 1px #d8ebf7}:root[data-theme=dark] .brand-mark{color:#8fb6f2;background:linear-gradient(145deg,#1d2940,#22304d);box-shadow:inset 0 0 0 1px #2d3f61}.brand-mark svg{width:35px;height:35px}.brand-mark.compact{border-radius:9px;width:32px;height:32px}.brand-mark.compact svg{width:26px}.brand strong{letter-spacing:-.25px;font-family:Manrope,sans-serif;font-size:15px;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.close-menu{display:none}nav{flex-direction:column;gap:4px;display:flex}.nav-label{color:var(--text-soft);letter-spacing:1.3px;margin:0;padding:16px 12px 5px;font-size:10px;font-weight:700}.nav-item{width:100%;color:var(--text-mid);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-weight:500;display:flex}.nav-item svg{width:19px}.nav-item span{flex:1}.nav-item em{background:var(--line-soft);color:var(--text-mid);border-radius:10px;padding:2px 7px;font-size:11px;font-style:normal}.nav-item:hover{background:var(--surface-2);color:var(--text-strong)}.nav-item.active{background:var(--tint-blue);color:var(--on-blue);font-weight:700}.nav-item.active em{background:var(--tint-blue-strong);color:var(--on-blue)}.sidebar-help{background:var(--surface-2);border:1px solid var(--line-soft);color:var(--text-mid);border-radius:10px;align-items:center;gap:9px;margin-top:auto;padding:12px;display:flex}.sidebar-help div{flex:1}.sidebar-help strong,.sidebar-help span{font-size:11px;display:block}.sidebar-help strong{color:var(--text-strong);margin-bottom:2px}.sidebar-help span{font-size:10px}.user-card{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:14px;padding:17px 8px 0;display:flex}.user-card div:nth-child(2){flex:1}.user-card strong,.user-card span{font-size:11px;display:block}.user-card span{color:var(--muted);margin-top:2px}.avatar{background:var(--tint-blue);width:34px;height:34px;color:var(--on-blue);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.avatar-1{background:var(--tint-amber);color:var(--on-amber)}.avatar-2{background:var(--tint-green);color:var(--on-green)}main{grid-column:2;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:20px;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.top-search{max-width:420px;color:var(--text-soft);flex:1;align-items:center;display:flex;position:relative}.top-search svg{position:absolute;left:13px}.top-search input{background:var(--surface-2);border:1px solid var(--line-soft);width:100%;color:var(--ink);border-radius:9px;outline:none;padding:10px 48px 10px 40px}.top-search input:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.top-search kbd{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:10px;position:absolute;right:10px}.icon-button{color:var(--text-mid);background:0 0;border:0;padding:8px;position:relative}.icon-button i{border:1px solid var(--surface);background:#e85a5a;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.topbar .theme-toggle{margin-left:auto}.church-select{border-left:1px solid var(--line);color:var(--text-strong);background:0 0;border-top:0;border-bottom:0;border-right:0;align-items:center;gap:10px;padding:8px 0 8px 20px;font-size:12px;font-weight:600;display:flex}.menu-button,.mobile-brand{display:none}.page{max-width:1440px;margin:0 auto;padding:38px 40px 50px}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.3px;font-weight:700;color:var(--text-soft)!important;margin:0 0 7px!important;font-size:10px!important}.page-heading h1{letter-spacing:-1px;margin:0 0 6px;font-family:Manrope,sans-serif;font-size:29px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.primary{background:var(--blue);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 5px #234d9d2b}.primary:hover{background:var(--blue-dark)}.primary:disabled{opacity:.6;cursor:default}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:11px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 1px 2px #27354a08}.stat-icon{border-radius:9px;flex:none;place-items:center;width:39px;height:39px;display:grid}.stat-icon svg{width:19px}.blue{background:var(--tint-blue);color:var(--on-blue)}.amber{background:var(--tint-amber);color:var(--on-amber)}.purple{background:var(--tint-purple);color:var(--on-purple)}.green{background:var(--tint-green);color:var(--on-green)}.stat strong{font-family:Manrope;font-size:23px;line-height:1;display:block}.stat span{margin-top:7px;font-size:12px;font-weight:600;display:block}.stat small{color:var(--text-soft);margin-top:4px;font-size:10px;display:block}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.panel-title h2{margin:0 0 4px;font-family:Manrope;font-size:15px}.panel-title p{color:var(--muted);margin:0;font-size:11px}.panel-title button{color:var(--blue);background:0 0;border:0;align-items:center;padding:4px 0;font-size:11px;font-weight:600;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;letter-spacing:.8px;color:var(--text-soft);background:var(--thead);border-bottom:1px solid var(--line);padding:11px 18px;font-size:9px}td{border-bottom:1px solid var(--line-soft);color:var(--text-mid);padding:13px 18px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-hover)}.hymn-name{text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.hymn-name>span{background:var(--tint-blue);width:28px;height:28px;color:var(--on-blue);border-radius:7px;place-items:center;font-size:10px;font-weight:700;display:grid}.hymn-name strong,.hymn-name small{display:block}.hymn-name strong{color:var(--text-strong);margin-bottom:3px;font-size:11px}.hymn-name small{color:var(--text-soft);font-size:9px}.status{background:var(--tint-green);color:var(--on-green);border-radius:12px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.draft{background:var(--tint-amber);color:var(--on-amber)}.status.review{background:var(--tint-purple);color:var(--on-purple)}.row-action{color:var(--text-soft);background:0 0;border:0;padding:5px}.row-action:hover{color:var(--blue)}.message-list{padding:5px 0}.message{text-align:left;border:0;border-bottom:1px solid var(--line-soft);background:var(--surface);gap:10px;width:100%;padding:13px 19px;display:flex;position:relative}.message:last-child{border-bottom:0}.message:hover{background:var(--surface-hover)}.message-copy{flex:1;min-width:0}.message-copy>span,.inbox-message span{justify-content:space-between;align-items:center;display:flex}.message-copy strong,.inbox-message strong{font-size:10px}.message-copy time,.inbox-message time{color:var(--text-soft);font-size:9px}.message-copy b,.inbox-message b{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.message-copy p,.inbox-message p{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:9px;overflow:hidden}.message>i{background:#4f7fd0;border-radius:50%;width:6px;height:6px;position:absolute;top:16px;right:9px}.tip-card{border:1px solid var(--tint-blue-border);background:linear-gradient(105deg,#f4f8ff,#fbfdff);border-radius:11px;align-items:center;gap:15px;margin-top:20px;padding:18px 22px;display:flex}:root[data-theme=dark] .tip-card{background:linear-gradient(105deg,#1a2438,#182136)}.tip-icon{background:var(--tint-blue);width:40px;height:40px;color:var(--on-blue);border-radius:9px;place-items:center;display:grid}.tip-icon svg{width:19px}.tip-card>div:nth-child(2){flex:1}.tip-card span{color:var(--on-blue);letter-spacing:1px;font-size:9px;font-weight:700}.tip-card h3{margin:3px 0;font-family:Manrope;font-size:13px}.tip-card p{color:var(--text-mid);margin:0;font-size:10px}.tip-card button{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.library-panel{overflow:visible}.library-tools{border-bottom:1px solid var(--line);gap:10px;padding:16px;display:flex}.input-search{flex:1;align-items:center;display:flex;position:relative}.input-search svg{color:var(--text-soft);position:absolute;left:12px}.input-search input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:10px 12px 10px 39px;font-size:12px}.filter-button{background:var(--surface);border:1px solid var(--border);color:var(--text-mid);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.table-footer{color:var(--text-soft);justify-content:space-between;align-items:center;padding:14px 18px;font-size:10px;display:flex}.table-footer button{background:var(--surface);border:1px solid var(--border);color:var(--text-mid);padding:6px 10px;font-size:10px}.table-footer button+button{border-left:0}.table-footer button:disabled{color:var(--text-faint)}.inbox-panel{background:var(--surface);border:1px solid var(--line);border-radius:11px;grid-template-columns:330px 1fr;min-height:570px;display:grid;overflow:hidden}.inbox-list{border-right:1px solid var(--line)}.inbox-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:67px;padding:0 18px;display:flex}.inbox-list-head h2{margin:0;font:700 14px Manrope}.inbox-list-head span{background:var(--tint-blue);color:var(--on-blue);border-radius:10px;padding:4px 8px;font-size:9px}.inbox-message{border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;gap:10px;width:100%;padding:15px;display:flex}.inbox-message>div:last-child{flex:1;min-width:0}.inbox-message.selected{background:var(--tint-blue);box-shadow:inset 3px 0 var(--blue)}.conversation{flex-direction:column;min-width:0;display:flex}.conversation-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:67px;padding:0 20px;display:flex}.conversation-head>div:nth-child(2){flex:1}.conversation-head h2{margin:0;font:700 13px Manrope}.conversation-head p{color:var(--text-soft);margin:4px 0 0;font-size:9px}.conversation-head button{color:var(--text-mid);background:0 0;border:0}.conversation-body{flex:1;padding:24px}.context-chip{border:1px solid var(--border);color:var(--text-mid);border-radius:8px;align-items:center;gap:9px;max-width:390px;padding:11px 13px;font-size:10px;display:flex}.context-chip strong{color:var(--text-strong);flex:1}.bubble{background:var(--surface-2);border-radius:3px 12px 12px;max-width:560px;margin-top:23px;padding:16px}.bubble span{font-size:10px;font-weight:700}.bubble time{color:var(--text-soft);margin-left:5px;font-weight:400}.bubble p{color:var(--text-mid);margin:8px 0 0;font-size:12px;line-height:1.65}.reply-box{border:1px solid var(--border);border-radius:9px;margin:0 22px 22px;overflow:hidden}.reply-box textarea{resize:none;background:var(--surface);width:100%;height:75px;color:var(--ink);border:0;outline:none;padding:13px;font-size:11px}.reply-box>div{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.reply-box small{color:var(--text-soft);font-size:9px}.reply-box .primary{padding:8px 12px}.modal-layer{z-index:50;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal-backdrop{background:var(--scrim);border:0;width:100%;position:absolute;inset:0}.editor{background:var(--surface);flex-direction:column;width:min(590px,100%);height:100%;animation:.25s ease-out slide;display:flex;position:relative;box-shadow:-15px 0 50px #17223830}.editor-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 25px;display:flex}.editor-head p{letter-spacing:1px;color:var(--text-soft);margin:0 0 5px;font-size:9px;font-weight:700}.editor-head h2{margin:0;font:700 19px Manrope}.editor-head button{background:var(--surface-2);color:var(--text-mid);border:0;border-radius:7px;padding:6px}.editor-body{flex:1;padding:23px 25px;overflow:auto}.editor label{color:var(--text-strong);font-size:11px;font-weight:600;display:block}.editor input,.editor select,.lyrics{border:1px solid var(--border);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;margin-top:7px;padding:10px 11px}.editor input:focus,.editor select:focus,.lyrics:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.field-row{grid-template-columns:1fr 1fr;gap:15px;margin-top:17px;display:grid}.verse-label{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.verse-label span{color:var(--text-soft);font-size:9px}.lyrics{resize:vertical;height:145px;font-size:12px;line-height:1.7}.add-verse{border:1px dashed var(--border-hover);background:var(--tint-blue);color:var(--on-blue);border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;padding:10px;font-size:11px;font-weight:600;display:flex}.editor-note{background:var(--tint-blue);border:1px solid var(--tint-blue-border);color:var(--on-blue);border-radius:8px;gap:9px;margin-top:20px;padding:12px;display:flex}.editor-note p{color:var(--text-mid);margin:0;font-size:10px;line-height:1.5}.editor-note strong{color:var(--on-blue)}.editor-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 25px;display:flex}.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-mid);border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600}.toast{z-index:100;background:var(--toast-bg);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;font-size:12px;animation:.2s ease-out toast;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #17223845}.toast svg{color:#7ed39a}@keyframes slide{0%{transform:translate(100%)}to{transform:none}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.feedback-panel{max-width:none}}@media (max-width:760px){.app-shell{display:block}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.close-menu{color:var(--text-mid);background:0 0;border:0;display:block;position:absolute;top:18px;right:14px}.scrim{background:var(--scrim);z-index:25;border:0;display:block;position:fixed;inset:0}.topbar{gap:10px;height:62px;padding:0 16px}.menu-button{color:var(--text-mid);background:0 0;border:0;padding:5px;display:block}.mobile-brand{align-items:center;gap:7px;font:700 12px Manrope;display:flex}.top-search{display:none}.church-select{border-left:0;padding-left:0;font-size:0}.church-select svg{font-size:initial}.page{padding:25px 16px 40px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading .primary{padding:10px;font-size:0}.page-heading .primary svg{margin:0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{gap:10px;padding:15px 12px}.stat-icon{width:34px;height:34px}.stat strong{font-size:19px}.stat small{display:none}.content-grid{display:block}.feedback-panel{margin-top:14px}.tip-card{align-items:flex-start}.tip-card button{display:none}.inbox-panel{display:block}.inbox-list{border-right:0}.conversation{border-top:8px solid var(--bg)}.library-tools{flex-wrap:wrap}.input-search{flex-basis:100%}.inbox-message:not(.selected){display:none}}@media (max-width:430px){.stats-grid{grid-template-columns:1fr}.page-heading{gap:10px}.field-row{grid-template-columns:1fr}.editor-body{padding:20px 18px}.editor-head,.editor-footer{padding-left:18px;padding-right:18px}}.empty-note{color:var(--text-soft);align-items:center;gap:8px;padding:18px;font-size:11px;display:flex}.bubble.reply{background:var(--tint-green);border-radius:12px 3px 12px 12px;margin-left:auto}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}select.filter-button{appearance:auto;cursor:pointer}.editor-body>label+label,.editor-body .field-row+label{margin-top:17px}.book-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.book-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-mid);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:11px 15px;transition:border-color .15s,box-shadow .15s;display:flex}.book-tab svg{color:var(--text-soft);flex-shrink:0}.book-tab span{flex-direction:column;gap:2px;display:flex}.book-tab strong{color:var(--text-strong);font-size:12px}.book-tab small{color:var(--text-soft);font-size:9px}.book-tab:hover{border-color:var(--border-hover)}.book-tab.active{border-color:var(--blue);box-shadow:0 0 0 3px var(--focus-ring);background:var(--tint-blue)}.book-tab.active svg,.book-tab.active strong{color:var(--on-blue)}.page-indicator{color:var(--text-soft);margin:0 8px;font-size:10px}@media (max-width:720px){.book-tab{flex:45%}}.login-shell{background:linear-gradient(160deg,#f4f7fb 0%,#e8eef8 60%,#dce7f6 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px;display:flex}:root[data-theme=dark] .login-shell{background:linear-gradient(160deg,#0f1522 0%,#121a2b 60%,#16223c 100%)}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(420px,100%);padding:30px;box-shadow:0 18px 50px #17223818}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-brand strong{color:var(--ink);font:700 15px Manrope;display:block}.login-brand span{color:var(--muted);font-size:10px}.login-card h1{color:var(--ink);align-items:center;gap:9px;margin:0 0 6px;font:700 19px Manrope;display:flex}.login-card h1 svg{color:var(--blue)}.login-sub{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.5}.login-card label{color:var(--text-strong);margin-top:14px;font-size:11px;font-weight:600;display:block}.login-card input{border:1px solid var(--border);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;margin-top:6px;padding:11px 12px;font-size:13px}.login-card input:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.login-card .primary{width:100%;margin-top:20px;padding:12px}.login-error{background:var(--tint-red);border:1px solid var(--tint-red-border);color:var(--on-red);border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:11px}.login-note{background:var(--tint-blue);border:1px solid var(--tint-blue-border);color:var(--on-blue);border-radius:9px;gap:10px;padding:14px;display:flex}.login-note p{color:var(--text-mid);margin:0;font-size:11px;line-height:1.6}.login-note code{background:var(--tint-blue-strong);border-radius:4px;padding:1px 5px;font-size:10px}.login-footer{color:var(--text-soft);letter-spacing:.6px;font-size:10px}.login-theme{position:fixed;top:18px;right:18px}.user-card .signout{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px}.user-card .signout:hover{background:var(--surface-2);color:#c0564f}.add-user-panel{padding:20px}.add-user-panel label{color:var(--text-strong);font-size:11px;font-weight:600;display:block}.add-user-panel input,.add-user-panel select{border:1px solid var(--border);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;margin-top:7px;padding:10px 11px;font-size:12px}.add-user-panel input:focus,.add-user-panel select:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.add-user-panel .field-row{margin-top:0}.add-user-panel .field-row+.field-row{margin-top:15px}.add-user-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.add-user-actions small{color:var(--text-soft);font-size:10px;line-height:1.5}.member-cell{align-items:center;gap:11px;display:flex}.member-cell strong{color:var(--text-strong);align-items:center;gap:7px;font-size:12px;display:flex}.member-cell small{color:var(--text-soft);font-size:10px}.you-chip{background:var(--tint-blue);color:var(--on-blue);letter-spacing:.5px;border-radius:8px;padding:2px 7px;font-size:8px;font-style:normal;font-weight:700}.role-chip{border-radius:9px;align-items:center;gap:5px;padding:3px 9px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.role-chip.superuser{background:var(--tint-blue);color:var(--on-blue)}.role-chip.scholar{background:var(--tint-purple);color:var(--on-purple)}.row-action.danger:hover{background:var(--tint-red);color:var(--on-red)}.audit-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.audit-filter{background:var(--surface);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;border-radius:16px;padding:7px 15px;font-size:11px;font-weight:600;transition:all .15s}.audit-filter:hover{border-color:var(--border-hover)}.audit-filter.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 2px 6px #234d9d33}.audit-count{color:var(--text-soft);margin-left:auto;font-size:10px}.audit-panel{padding:8px 22px 20px}.audit-day h2{letter-spacing:.8px;text-transform:uppercase;color:var(--text-soft);border-bottom:1px solid var(--line);margin:22px 0 4px;padding-bottom:8px;font:700 11px Manrope}.audit-timeline{margin:0;padding:6px 0 0;list-style:none;position:relative}.audit-timeline:before{content:"";background:var(--line-soft);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:15px}.audit-entry{gap:14px;padding:10px 0;display:flex;position:relative}.audit-dot{z-index:1;border:2px solid var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 1px 4px #17223820}.audit-dot.hymn{background:var(--tint-blue);color:var(--on-blue)}.audit-dot.feedback{background:var(--tint-amber);color:var(--on-amber)}.audit-dot.user{background:var(--tint-purple);color:var(--on-purple)}.audit-dot.system{background:var(--tint-green);color:var(--on-green)}.audit-body{flex:1;min-width:0;padding-top:4px}.audit-sentence{color:var(--text-mid);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.7;display:flex}.audit-sentence strong{color:var(--text-strong)}.audit-sentence b{color:var(--text-strong);font-weight:600}.audit-sentence time{color:var(--text-soft);margin-left:auto;font-size:10px}.audit-avatar{background:var(--tint-blue-strong);width:20px;height:20px;color:var(--on-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:inline-flex}.audit-changes{flex-direction:column;gap:5px;margin-top:7px;display:flex}.audit-change{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:7px 11px;font-size:11px;display:flex}.change-field{letter-spacing:.7px;text-transform:uppercase;color:var(--text-soft);background:var(--line-soft);border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:8px;font-weight:700}.change-value{color:var(--text-strong);overflow-wrap:anywhere;font-weight:500}.change-arrow{color:var(--text-soft);flex-shrink:0;font-size:9px;font-style:italic}.audit-more{justify-content:center;padding:18px 0 4px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;width:58px;height:28px;padding:0 7px;transition:background .2s,border-color .2s;display:flex;position:relative}.theme-toggle .thumb{background:var(--surface);border-radius:50%;width:22px;height:22px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #17223840}.theme-toggle.dark .thumb{transform:translate(30px)}.theme-toggle svg{z-index:1;position:relative}.theme-toggle .sun{color:#d99a26}.theme-toggle.dark .sun,.theme-toggle .moon{color:var(--text-faint)}.theme-toggle.dark .moon{color:#93b2ee}.worketech-tag{color:var(--ink);border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:14px;padding:14px 8px 0;display:flex}.worketech-tag svg{flex-shrink:0;width:30px;height:auto}.worketech-tag span{color:var(--muted);letter-spacing:.3px;font-size:9px;display:block}.worketech-tag strong{letter-spacing:-.3px;color:currentColor;margin-top:1px;font:800 14px Manrope;display:block}.worketech-tag.compact{border-top:0;margin:0;padding:0}button.sidebar-help{text-align:left;cursor:pointer;width:100%}button.sidebar-help:hover{border-color:var(--border-hover);background:var(--surface-hover)}.modal-layer.center{justify-content:center;align-items:center;padding:20px}.bug-modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(520px,100%);max-height:calc(100vh - 40px);animation:.2s ease-out pop;position:relative;overflow-y:auto;box-shadow:0 25px 70px #0f172acc}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.bug-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:22px 24px 16px;display:flex}.bug-icon{background:var(--tint-red);width:38px;height:38px;color:var(--on-red);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.bug-head h2{margin:0 0 3px;font:700 16px Manrope}.bug-head p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.bug-close{background:var(--surface-2);color:var(--text-mid);border:0;border-radius:7px;flex-shrink:0;margin-left:auto;padding:6px}.bug-body{padding:18px 24px 22px}.bug-body label,.bug-label{color:var(--text-strong);margin-top:14px;font-size:11px;font-weight:600;display:block}.bug-body label:first-child{margin-top:0}.bug-body input,.bug-body textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;outline:none;margin-top:7px;padding:10px 11px;font-size:12px}.bug-body textarea{resize:vertical;height:110px;line-height:1.6}.bug-body input:focus,.bug-body textarea:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.bug-dropzone{border:1.5px dashed var(--border-hover);background:var(--surface-2);width:100%;color:var(--text-soft);border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin-top:8px;padding:20px;transition:border-color .15s,background .15s;display:flex}.bug-dropzone:hover{border-color:var(--blue);background:var(--tint-blue)}.bug-dropzone strong{color:var(--text-strong);font-size:12px}.bug-dropzone span{font-size:9px}.bug-preview{border:1px solid var(--line);border-radius:10px;margin-top:8px;position:relative;overflow:hidden}.bug-preview img{object-fit:contain;background:var(--surface-2);width:100%;max-height:220px;display:block}.bug-preview button{color:#fff;background:#1e2e45d9;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:8px;right:8px}.bug-footer{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}