:root{--ink:#10251f;--green:#0e4b3d;--green-2:#176b57;--gold:#d6a84b;--cream:#f5f7f4;--line:#dfe7e2;--muted:#6e7f78;--white:#fff;--shadow:0 12px 34px rgba(22,62,50,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:16px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px!important;background:linear-gradient(180deg,#0b3c32 0%,#092d27 100%);padding:30px 20px;color:#fff;display:flex;flex-direction:column;z-index:1050}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:0 10px 34px;font-size:1.25rem}.sidebar-brand small{display:block;color:#9ec4b8;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:var(--gold);background:rgba(255,255,255,.06);font-size:1.25rem}.sidebar .nav-link{color:#b9d0c9;border-radius:12px;padding:12px 14px;display:flex;gap:13px;align-items:center;font-weight:600}.sidebar .nav-link i{width:22px;font-size:1.08rem}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.1);color:#fff}.sidebar .nav-link.active{box-shadow:inset 3px 0 0 var(--gold)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:22px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:.76rem}.sidebar-foot small{color:#8eb4a9}.status-dot{width:9px;height:9px;border-radius:50%;background:#65d6a9;box-shadow:0 0 0 5px rgba(101,214,169,.12)}.main-content{margin-left:270px;padding:34px 42px 60px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{font-weight:800;font-size:1.75rem;margin:0}.eyebrow{color:var(--green-2);font-size:.72rem;letter-spacing:.14em;font-weight:800;margin:0 0 5px}.mosque-chip{align-items:center;gap:11px;background:#fff;padding:9px 14px 9px 9px;border:1px solid var(--line);border-radius:14px}.mosque-chip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f3ef;color:var(--green)}.mosque-chip small,.mosque-chip strong{display:block;font-size:.72rem}.mosque-chip small{color:var(--muted)}.welcome-panel{min-height:210px;border-radius:22px;padding:34px 38px;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(214,168,75,.28),transparent 22%),linear-gradient(120deg,#0d4d3e,#17624e);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.welcome-panel .eyebrow{color:#e8c878}.welcome-panel h2{font-size:2rem;font-weight:800;margin:0 0 10px}.welcome-panel p:last-child{color:#c4ded5}.welcome-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#f0cd7a;margin-bottom:12px}.zone-card{max-width:310px;padding:22px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:16px}.zone-card small,.zone-card strong,.zone-card span{display:block}.zone-card small{text-transform:uppercase;letter-spacing:.12em;color:#bcd8ce;font-size:.68rem}.zone-card strong{font-size:1.55rem;color:#f1cf7f;margin:4px 0}.zone-card span{font-size:.75rem;color:#d6e8e2}.stat-card,.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stat-card{padding:22px;display:flex;align-items:center;gap:17px;height:100%}.stat-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.22rem}.stat-icon.teal{background:#e6f3ef;color:#08745a}.stat-icon.gold{background:#fff5dc;color:#a77308}.stat-icon.blue{background:#eaf1fb;color:#396daf}.stat-card small,.stat-card strong,.stat-card p{display:block;margin:0}.stat-card small{color:var(--muted);font-size:.75rem;font-weight:700}.stat-card strong{font-size:1.45rem}.stat-card p{color:#99a59f;font-size:.72rem}.content-card{padding:26px}.card-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.card-heading h3{font-weight:800;font-size:1.15rem;margin:0}.card-heading p:last-child{color:var(--muted);font-size:.85rem;margin:6px 0 0}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-actions a{border:1px solid var(--line);border-radius:14px;padding:17px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;transition:.2s}.quick-actions a:hover{border-color:#8ab6a8;transform:translateY(-2px)}.quick-actions a>i:first-child{font-size:1.15rem;color:var(--green-2)}.quick-actions a>i:last-child{margin-left:auto;color:#a3afa9}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:.83rem}.quick-actions small{font-size:.7rem;color:var(--muted);margin-top:2px}.form-label{font-size:.8rem;font-weight:700}.form-control,.form-select{border-color:#d7e0db;border-radius:10px;padding:.72rem .85rem;font-size:.9rem}.form-control:focus,.form-select:focus{border-color:#4d9481;box-shadow:0 0 0 .25rem rgba(23,107,87,.12)}.form-text{font-size:.7rem}.btn-primary{--bs-btn-bg:var(--green);--bs-btn-border-color:var(--green);--bs-btn-hover-bg:#0a3d32;--bs-btn-hover-border-color:#0a3d32;border-radius:10px;font-weight:700}.count-pill,.type-badge{border-radius:999px;font-size:.68rem;font-weight:700}.count-pill{background:#edf4f1;color:var(--green);padding:7px 11px}.item-list,.ticker-list{display:flex;flex-direction:column;gap:10px}.media-item,.ticker-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:12px}.is-muted{opacity:.55}.media-thumb{width:70px;height:54px;border-radius:9px;background:#eaf2ef;display:grid;place-items:center;overflow:hidden;color:var(--green);font-size:1.35rem;flex:0 0 auto}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-info{min-width:0;flex:1}.media-info strong{font-size:.84rem}.media-info small{display:block;color:var(--muted);margin-top:7px;font-size:.7rem}.type-badge{padding:4px 8px;background:#eef4f1;color:var(--green)}.type-badge.muted{background:#f0f0f0;color:#777}.item-actions{display:flex;gap:3px}.item-actions form{margin:0}.btn-icon{width:36px;height:36px;padding:0;display:grid;place-items:center;color:var(--green);border-radius:9px}.btn-icon:hover{background:#eaf3ef;color:var(--green)}.btn-icon.danger{color:#b64b4b}.btn-icon.danger:hover{background:#fff0f0}.empty-state{text-align:center;padding:52px 20px;color:var(--muted)}.empty-state i{font-size:2.2rem;color:#9bb9af}.empty-state h4{color:var(--ink);font-size:1rem;font-weight:800;margin:12px 0 5px}.empty-state p{font-size:.8rem}.ticker-number{width:34px;height:34px;border-radius:10px;background:#edf4f1;color:var(--green);display:grid;place-items:center;font-size:.75rem;font-weight:800;flex:0 0 auto}.ticker-item>div:nth-child(2){flex:1}.ticker-item p{font-size:.8rem;line-height:1.55;margin:0}.ticker-item small{font-size:.68rem;color:var(--muted)}.alert{border-radius:12px}.menu-btn{font-size:1.5rem}.sticky-xl-top{top:24px}
.prayer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.minute-key{white-space:nowrap;background:#edf4f1;color:var(--green);border-radius:999px;padding:8px 12px;font-size:.7rem;font-weight:700}.prayer-settings-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.prayer-row{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:18px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.prayer-row:last-child{border-bottom:0}.prayer-row-head{background:#f4f7f5;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.prayer-name{display:flex;align-items:center;gap:11px}.prayer-name strong,.prayer-name small{display:block}.prayer-name strong{font-size:.84rem}.prayer-name small{font-size:.66rem;color:var(--muted)}.prayer-symbol{width:35px;height:35px;border-radius:10px;background:#edf4f1;color:var(--green);display:grid;place-items:center}.friday-row{background:#fffbf1}.friday-row .prayer-symbol{background:#fff0c9;color:#9a6b0c}.prayer-row label{margin:0}.prayer-row .form-control{min-width:0}.prayer-row .input-group-text{font-size:.68rem;color:var(--muted);background:#f4f7f5;border-color:#d7e0db}.not-applicable{text-align:center;color:#adb8b3}.mobile-label{display:none}.prayer-note{display:flex;align-items:center;gap:9px;color:var(--muted);background:#f4f7f5;border-radius:10px;padding:11px 13px;margin-top:14px;font-size:.73rem}.prayer-note i{color:var(--green)}
.section-divider{height:1px;background:var(--line);margin:6px 0 22px}.form-section-title{font-size:1rem;font-weight:800;margin:0}.theme-help{font-size:.78rem;color:var(--muted);margin:5px 0 0}.mosque-upload{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.mosque-image-preview{width:190px;aspect-ratio:16/9;flex:0 0 auto;border-radius:11px;overflow:hidden;background:#eaf2ef;color:#78978d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.68rem}.mosque-image-preview i{font-size:1.5rem}.mosque-image-preview img{width:100%;height:100%;object-fit:cover}.theme-grid,.layout-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.theme-option,.layout-option{cursor:pointer}.theme-option input,.layout-option input{position:absolute;opacity:0;pointer-events:none}.theme-preview{display:flex;flex-direction:column;aspect-ratio:16/10;border-radius:12px;overflow:hidden;border:3px solid transparent;box-shadow:0 5px 14px rgba(16,37,31,.12);transition:.2s}.theme-option input:checked+.theme-preview,.layout-option input:checked+.layout-preview{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,168,75,.18)}.preview-top{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;font-size:.6rem}.preview-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px}.preview-body em{font-size:.45rem;font-style:normal;letter-spacing:.15em;opacity:.7}.preview-body strong{font-size:.61rem;margin-top:4px}.preview-ticker{height:10px;margin:0 7px 7px;border-radius:3px;opacity:.7}.theme-meta{display:flex;align-items:flex-start;justify-content:space-between;padding:9px 3px 0;gap:5px}.theme-meta strong,.theme-meta small{display:block}.theme-meta strong{font-size:.75rem}.theme-meta small{font-size:.59rem;color:var(--muted);line-height:1.4;margin-top:2px}.theme-meta>i{color:transparent;font-size:.85rem}.theme-option input:checked~.theme-meta>i,.layout-option input:checked~.theme-meta>i{color:var(--green-2)}.theme-emerald .theme-preview{background:linear-gradient(140deg,#0d493b,#176b57);color:#fff}.theme-emerald .preview-ticker{background:#d6a84b}.theme-midnight .theme-preview{background:radial-gradient(circle at 75% 30%,#273c71,#0a1634 65%);color:#e8efff}.theme-midnight .preview-ticker{background:#5f9dff}.theme-sand .theme-preview{background:linear-gradient(140deg,#f7edd5,#d8b878);color:#4c3920}.theme-sand .preview-ticker{background:#785d2a}.theme-royal .theme-preview{background:linear-gradient(145deg,#271740,#58396e);color:#fff2ca}.theme-royal .preview-ticker{background:#d8ac55}.theme-minimal .theme-preview{background:#f7f9f8;color:#163b31;border-color:#dbe4df}.theme-minimal .preview-top{background:#fff}.theme-minimal .preview-ticker{background:#0e4b3d}.layout-preview{position:relative;display:grid;aspect-ratio:16/10;background:#edf3f0;border:3px solid transparent;border-radius:12px;overflow:hidden;gap:3px;padding:5px;box-shadow:0 5px 14px rgba(16,37,31,.1)}.layout-preview i{display:block;border-radius:2px}.layout-head{background:#476f64}.layout-prayers{background:#d7a94c}.layout-slide{background:#9eb8b0}.layout-ticker{background:#173f35}.layout-preview-1{grid-template-columns:28% 1fr;grid-template-rows:20% 1fr 13%}.layout-preview-1 .layout-prayers{grid-row:1/4}.layout-preview-1 .layout-head{grid-column:2}.layout-preview-1 .layout-slide,.layout-preview-1 .layout-ticker{grid-column:2}.layout-preview-2{grid-template-columns:1fr 28%;grid-template-rows:20% 1fr 13%}.layout-preview-2 .layout-prayers{grid-column:2;grid-row:1/4}.layout-preview-2 .layout-head,.layout-preview-2 .layout-slide,.layout-preview-2 .layout-ticker{grid-column:1}.layout-preview-3{grid-template-rows:20% 1fr 22% 13%}.layout-preview-4{grid-template-rows:20% 22% 1fr 13%}.layout-preview-4 .layout-head{order:1}.layout-preview-4 .layout-prayers{order:2}.layout-preview-4 .layout-slide{order:3}.layout-preview-4 .layout-ticker{order:4}.layout-preview-5{grid-template-rows:24% 1fr 15%}.layout-preview-5 .layout-prayers{display:none}
.finance-accounts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-accounts article{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:15px}.account-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eaf3ef;color:var(--green)}.finance-accounts article div{min-width:0;flex:1}.finance-accounts small,.finance-accounts strong{display:block}.finance-accounts small{font-size:.58rem;color:var(--muted);letter-spacing:.1em}.finance-accounts strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-accounts b{font-size:.82rem}.finance-table{font-size:.78rem}.finance-table th{font-size:.65rem;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.transaction-badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:.63rem;font-weight:700}.transaction-badge.income{background:#e7f5ef;color:#08734f}.transaction-badge.expense{background:#fff0f0;color:#a84444}.transaction-badge.transfer{background:#eaf1fb;color:#396daf}.amount{font-weight:800}.amount.positive{color:#08734f}.amount.negative{color:#b24747}.drag-help{color:var(--muted);font-size:.7rem;margin:-5px 0 12px}.drag-handle{border:0;background:transparent;color:#9aaba4;padding:9px 3px;cursor:grab;touch-action:none;font-size:1.1rem}.drag-handle:active{cursor:grabbing}.sortable-ghost{opacity:.25;background:#dcebe5}.sortable-chosen{box-shadow:0 12px 30px rgba(14,75,61,.16)}.sortable-list.is-saving{pointer-events:none}.modal-content{border:0;border-radius:18px;box-shadow:0 22px 60px rgba(16,37,31,.2)}.modal-header,.modal-footer{border-color:var(--line)}
.system-update-link{display:flex;align-items:center;gap:9px;color:#a9c5bc;text-decoration:none;font-size:.7rem;padding:12px 8px 0;margin-top:4px}.system-update-link:hover{color:#fff}.system-update-link small{margin-left:auto;color:#759e91}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions form{margin:0}.refresh-player-button{display:flex;align-items:center;gap:8px;background:var(--green);color:#fff;border-radius:11px;padding:10px 14px;font-size:.78rem;font-weight:700}.refresh-player-button:hover{background:#0a3d32;color:#fff}.refresh-player-button i{font-size:1rem}.logout-button{border:0;background:transparent;color:#9fc0b6;width:34px;height:34px;border-radius:9px}.logout-button:hover{background:rgba(255,255,255,.1);color:#fff}.login-page{min-height:100vh;background:#eef3f0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) 1fr}.login-brand-panel{position:relative;overflow:hidden;padding:52px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 80% 75%,rgba(214,168,75,.2),transparent 24%),linear-gradient(145deg,#0b3c32,#17624e)}.login-brand{display:flex;align-items:center;gap:13px;font-size:1.25rem}.login-brand small{display:block;color:#9ec4b8;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.login-message{margin:auto 0;position:relative;z-index:1;max-width:560px}.login-message .eyebrow{color:#e7c674}.login-message h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.05;font-weight:800;letter-spacing:-.04em;margin:10px 0 22px}.login-message>p:last-child{color:#bdd7ce;max-width:450px;line-height:1.7}.login-pattern{position:absolute;right:-50px;bottom:-80px;font-size:20rem;line-height:1;color:rgba(255,255,255,.035);transform:rotate(-12deg)}.login-form-panel{display:grid;place-items:center;padding:40px}.login-form-wrap{width:min(100%,440px)}.login-form-wrap h2{font-size:1.8rem;font-weight:800;margin:0}.login-help{color:var(--muted);font-size:.85rem;margin:8px 0 28px}.login-form{display:flex;flex-direction:column;gap:20px}.input-icon{position:relative}.input-icon>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#81918b;z-index:1}.input-icon .form-control{padding-left:43px;padding-right:44px}.password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#71827b}.password-toggle:hover{background:#edf3f0}.login-form .btn{margin-top:5px;padding:.85rem}.login-foot{text-align:center;color:#8a9892;font-size:.7rem;margin:28px 0 0}.login-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:40px}.login-mobile-brand .brand-mark{background:var(--green);color:var(--gold);width:40px;height:40px}
.layout-preview-3 .layout-head{order:1}.layout-preview-3 .layout-slide{order:2}.layout-preview-3 .layout-prayers{order:3}.layout-preview-3 .layout-ticker{order:4}
@media(max-width:1200px){.theme-grid,.layout-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991.98px){.main-content{margin-left:0;padding:24px}.sidebar{position:fixed}.quick-actions{grid-template-columns:1fr}.welcome-panel{align-items:flex-start;gap:24px}.zone-card{max-width:260px}}
@media(max-width:575.98px){.main-content{padding:20px 16px}.topbar{justify-content:flex-start;gap:10px}.topbar h1{font-size:1.4rem}.welcome-panel{padding:26px;display:block}.welcome-panel h2{font-size:1.55rem}.zone-card{margin-top:24px;max-width:none}.content-card{padding:20px}.media-thumb{width:52px}.item-actions{flex-direction:column}}
@media(max-width:767.98px){.prayer-heading{display:block}.minute-key{display:inline-block;margin-top:12px}.prayer-settings-table{border:0;overflow:visible}.prayer-row-head{display:none}.prayer-row{grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--line);border-radius:13px;margin-bottom:12px;padding:15px}.prayer-name{grid-column:1/-1}.mobile-label{display:block;color:var(--muted);font-size:.68rem;font-weight:700;margin-bottom:5px}.not-applicable{display:none}.friday-row label:last-child{grid-column:1/-1}.theme-grid,.layout-grid{grid-template-columns:repeat(2,1fr)}.mosque-upload{align-items:flex-start;flex-direction:column}.mosque-image-preview{width:100%}.finance-accounts{grid-template-columns:1fr}}
@media(max-width:420px){.theme-grid,.layout-grid{grid-template-columns:1fr}}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:28px 20px}.login-mobile-brand{display:flex}}
@media(max-width:575.98px){.refresh-player-button span{display:none}.refresh-player-button{padding:9px 12px}.topbar-actions{margin-left:auto}}
.overlay-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overlay-image-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.overlay-image-card .mosque-image-preview{width:150px}.overlay-image-card p{margin:-3px 0 9px;color:var(--muted);font-size:.7rem}.overlay-image-card .form-control{font-size:.72rem}@media(max-width:900px){.overlay-image-grid{grid-template-columns:1fr}}@media(max-width:575.98px){.overlay-image-card{grid-template-columns:1fr}.overlay-image-card .mosque-image-preview{width:100%}}
.update-page{min-height:100vh;background:linear-gradient(145deg,#edf3f0,#f8faf9)}.update-shell{width:min(100% - 32px,720px);margin:auto;padding:42px 0 70px}.update-back{display:inline-flex;gap:8px;align-items:center;color:var(--green);text-decoration:none;font-size:.78rem;font-weight:700;margin-bottom:20px}.update-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:clamp(24px,5vw,48px)}.update-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#e6f3ef;color:var(--green);font-size:1.5rem;margin-bottom:22px}.update-card h1{font-size:1.8rem;font-weight:800;margin:0}.update-lead{color:var(--muted);font-size:.85rem;margin:8px 0 24px}.version-panel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:#f4f7f5;border-radius:14px;padding:17px;margin-bottom:22px}.version-panel div:last-child{text-align:right}.version-panel small,.version-panel strong{display:block}.version-panel small{font-size:.65rem;color:var(--muted);text-transform:uppercase}.version-panel strong{font-size:1.1rem}.version-panel>i{color:var(--gold)}.update-form{display:flex;flex-direction:column;gap:15px}.update-drop{border:2px dashed #b9ccc5;border-radius:15px;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.update-drop:hover{border-color:var(--green);background:#f7faf8}.update-drop>i{font-size:2rem;color:var(--green)}.update-drop strong{font-size:.85rem;margin-top:8px}.update-drop span{font-size:.68rem;color:var(--muted)}.update-drop input{margin-top:14px;max-width:100%;font-size:.72rem}.update-form .form-check-label{font-size:.72rem;color:var(--muted)}.update-notes{border-top:1px solid var(--line);margin-top:27px;padding-top:22px}.update-notes h2{font-size:.85rem;font-weight:800}.update-notes ul{padding-left:20px;margin:10px 0 0;color:var(--muted);font-size:.7rem;line-height:1.8}
.sound-settings-panel{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fafcfb}.sound-master-switch{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sound-master-switch .form-check-input{width:2.7em;height:1.4em;margin:0}.sound-master-switch label strong,.sound-master-switch label span{display:block}.sound-master-switch label strong{font-size:.84rem}.sound-master-switch label span{font-size:.7rem;color:var(--muted);margin-top:2px}.sound-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sound-upload-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.sound-upload-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e8f3ef;color:var(--green);font-size:1.1rem}.sound-upload-card p{font-size:.7rem;color:var(--muted);margin:-3px 0 8px}.sound-upload-card audio{display:block;width:100%;height:34px;margin:0 0 9px}.finance-slide-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f8fbf9}.finance-account-picker,.finance-slide-note{grid-column:1/-1}.finance-account-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finance-account-checks label{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.76rem}.finance-account-checks small{color:var(--muted)}.finance-slide-note{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:.7rem}.finance-slide-note i{color:var(--green)}@media(max-width:767.98px){.sound-upload-grid,.finance-slide-fields,.finance-account-checks{grid-template-columns:1fr}.finance-account-picker,.finance-slide-note{grid-column:auto}}
.staff-admin-list{display:grid}.staff-admin-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.staff-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#123d55,#138d82);color:#fff;font-weight:800}.staff-admin-copy strong,.staff-admin-copy small{display:block}.staff-admin-copy small{color:var(--muted);font-size:.72rem;margin-top:2px}.staff-admin-copy p{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:.78rem}.staff-state{width:8px;height:8px;border-radius:50%;background:#8796a5;flex:none}.staff-state.available{background:#20a871}.staff-state.busy{background:#e7a918}.staff-state.away{background:#d85149}.ai-admin-preview{margin:20px;padding:24px;border-radius:16px;background:linear-gradient(145deg,#08273a,#10495a);color:#fff}.ai-admin-preview>span{font-size:.7rem;letter-spacing:.16em;color:#67dfce;font-weight:800}.ai-admin-preview p{font-size:1rem;line-height:1.65;margin:14px 0}.ai-admin-preview small{color:#9dc1ca}.ai-history{padding:0 20px 20px;display:grid;gap:10px}.ai-history article{padding:13px;border:1px solid var(--line);border-radius:11px}.ai-history p{font-size:.78rem;margin:7px 0}.ai-history small{color:var(--muted);font-size:.68rem}.ai-history em{display:block;color:#b42318;font-size:.7rem;margin-top:4px}.webhook-panel{padding:26px}.webhook-panel>p{color:var(--muted)}.webhook-url{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:18px 0}.webhook-url code{padding:13px;flex:1;overflow:auto;background:#f5f8fa}.webhook-url .btn{border-radius:0}.webhook-command{padding:16px;border-radius:10px;background:#08263a;color:#b9dce5;font:12px/1.65 Consolas,monospace;overflow-wrap:anywhere}@media(max-width:575.98px){.staff-admin-list article{grid-template-columns:auto 1fr}.staff-admin-list .item-actions{grid-column:2}.webhook-url{display:grid}.webhook-url .btn{border-radius:0}}