:root{color:#17201d;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2ef}.login-panel{width:min(430px,100%);border:1px solid #d6ded9;border-radius:8px;background:#fff;padding:28px;box-shadow:0 18px 50px #17201d1f}.brand-row,.app-title,.section-head,.primary-button,.ghost-button,.status-pill,.copy-button,.group-card,.member-row,.member-select,.permission-row,.check-line,.phone-top,.member-controls,.active-room,.matrix-user,.matrix-user-main,.matrix-cell,.matrix-link,.tl-button,.stack-row,.delete-mini,.matrix-delete{display:flex;align-items:center}.brand-row{gap:14px;margin-bottom:28px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#1c5548}.brand-mark.small{width:40px;height:40px}.eyebrow{margin:0 0 4px;color:#64746c;font-size:12px;text-transform:uppercase}h1,h2,p{margin-top:0}.login-form{display:grid;gap:16px}label{display:grid;gap:7px;color:#485850;font-size:14px;font-weight:700}input{height:42px;border:1px solid #cbd6d0;border-radius:6px;padding:0 12px;background:#fff;color:#17201d}input[type=checkbox]{width:18px;height:18px;padding:0;accent-color:#1c5548}.primary-button{justify-content:center;gap:8px;height:46px;border:0;border-radius:6px;color:#fff;background:#1c5548;font-weight:800}.error-line{margin:0;color:#a63a2b;font-size:14px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.admin-sidebar{min-height:100vh;display:flex;flex-direction:column;gap:18px;padding:18px;background:#17201d;color:#fff}.app-title{gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.app-title span{display:block;margin-top:3px;color:#a8b8b0;font-size:12px}.section-head{justify-content:space-between;gap:10px;color:inherit;font-size:13px;font-weight:850;text-transform:uppercase}.section-head.dark{color:#17201d}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;color:inherit;background:#ffffff1a}.icon-button.light{background:#edf2ee;color:#17201d}.stack-list{display:grid;gap:8px}.stack-row{gap:4px;border-radius:6px;background:transparent}.stack-row.active,.stack-row:hover{background:#25312d}.stack-button{display:grid;gap:4px;flex:1;min-width:0;padding:12px;border:0;border-radius:6px;color:#dce8e2;background:transparent;text-align:left}.stack-button small{color:#98aaa2}.delete-mini{justify-content:center;width:34px;height:34px;margin-right:6px;border:0;border-radius:6px;color:#bfcac5;background:transparent}.delete-mini:hover{color:#fff;background:#9f3a2f}.sidebar-actions{display:grid;gap:8px;margin-top:auto}.ghost-button{justify-content:center;gap:8px;min-height:42px;border:0;border-radius:6px;color:#fff;background:#32403a}.admin-stage{min-width:0;padding:22px}.admin-topbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.admin-topbar h1{margin:0;font-size:34px}.status-pill{min-height:38px;padding:8px 12px;border:1px solid #d6ded9;border-radius:999px;color:#32403a;background:#fff;font-size:14px}.admin-grid{display:grid;grid-template-columns:1fr 340px;gap:18px}.panel{border:1px solid #d6ded9;border-radius:8px;background:#fff;padding:18px}.panel.wide{grid-column:1 / -1}.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:14px}.group-card{gap:10px;min-height:72px;border:1px solid #e3ebe6;border-radius:8px;padding:12px;background:#fbfcfb}.group-color{width:10px;align-self:stretch;border-radius:4px}.group-card div:nth-child(2){flex:1;min-width:0}.group-card strong,.group-card span{display:block}.group-card span,.group-card small{color:#64746c;font-size:13px}.light-delete{color:#76857e;margin-right:0}.light-delete:hover{color:#fff;background:#9f3a2f}.member-admin-list{display:grid;gap:8px;margin-top:14px;max-height:420px;overflow:auto}.member-row{width:100%;gap:6px;min-height:58px;border:1px solid #e3ebe6;border-radius:8px;background:#fbfcfb;padding:6px;text-align:left}.member-row.active{outline:2px solid rgba(28,85,72,.2);border-color:#1c5548}.member-select{flex:1;min-width:0;gap:10px;border:0;background:transparent;text-align:left}.member-row div:nth-child(2),.member-select div:nth-child(2){flex:1;min-width:0}.member-row span{display:block;margin-top:3px;color:#64746c;font-size:13px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;color:#fff;background:#7b4e39;font-weight:900}.copy-button{gap:7px;min-height:34px;border:0;border-radius:6px;padding:0 10px;color:#fff;background:#1c5548}.matrix-panel{overflow:hidden}.permission-matrix{display:grid;gap:1px;margin-top:14px;min-width:max-content;overflow:auto;border:1px solid #1f2523;border-radius:8px;background:#1f2523}.matrix-head{min-height:74px;display:grid;align-content:center;gap:2px;padding:12px 18px;color:#dfe6e2;background:linear-gradient(180deg,#303a36,#26302c);font-size:18px;font-weight:850}.matrix-head.group-col{justify-items:center;text-align:center}.matrix-head.group-col strong{color:#f0b84a;font-size:24px}.matrix-head.group-col span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.matrix-user{gap:9px;min-height:72px;color:#f6f8f6;background:#30433c;text-align:left}.matrix-user.active{background:#34423c}.matrix-user span,.matrix-user strong,.matrix-user small{display:block}.matrix-user-main{flex:1;min-width:0;gap:9px;min-height:72px;border:0;color:inherit;background:transparent;text-align:left;padding:0 12px 0 18px}.matrix-delete{justify-content:center;width:30px;height:30px;margin-right:8px;border:0;border-radius:5px;color:#a8b8b0;background:transparent}.matrix-delete:hover{color:#fff;background:#9f3a2f}.matrix-user small{color:#a8b8b0}.small-avatar{width:30px;height:30px;font-size:13px}.matrix-link{justify-content:center;min-height:72px;border:0;color:#dfe6e2;background:#26302c}.matrix-cell{justify-content:center;gap:14px;min-height:72px;padding:8px;background:#26302c}.tl-button{justify-content:center;width:56px;height:50px;border:0;border-radius:7px;color:#c7d0cb;background:#5a5f5c;font-size:24px;font-weight:950}.tl-button.talk.on{color:#001b05;background:#16e32b}.tl-button.listen.on{color:#071523;background:#83b9eb}.phone-shell{min-height:100vh;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 50% 42%,#1a1d1b 0,#090a09 62%,#000);transition:background .16s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.phone-shell.preview{background:radial-gradient(circle at 50% 42%,#133316 0,#008700 68%,#00bd12)}.phone-shell.program{background:radial-gradient(circle at 50% 42%,#2f0808 0,#9d0000 68%,#ff1919)}.phone-shell.talking{background:radial-gradient(circle at 50% 42%,#3b330b 0,#15130a 58%,#000)}.phone-shell.latched{background:radial-gradient(circle at 50% 42%,#4a3d08 0,#17120a 58%,#000)}.phone-top{justify-content:space-between;gap:12px;min-height:72px;padding:18px 18px 10px;color:#f7f38b}.phone-top button{border:0;color:#f7f38b;background:transparent;font-weight:800}.phone-top strong{color:#fff;font-size:32px;font-weight:500}.phone-top span{max-width:34%;color:#e8e8d0;font-size:12px;text-align:right}.dial{flex:1;display:grid;place-items:center;align-content:center;gap:8px;padding:10px 18px}.dial p{margin:0;color:#fff;font-weight:850;letter-spacing:0}.talk-groups{display:grid;grid-template-columns:repeat(6,48px);gap:8px;justify-content:center}.top-groups{grid-template-columns:repeat(4,52px)}.talk-groups button{height:52px;border:2px solid rgba(255,255,255,.75);border-radius:4px;color:#fff;background:#00000057;font-size:22px;font-weight:850}.talk-groups button.selected{background:#2a9d45}.bottom-groups button{background:#72a9df}.bottom-groups button.selected{background:#2a9d45}.big-talk{width:min(62vw,260px);aspect-ratio:1;border:0;border-radius:50%;color:#000;background:#f8f077;box-shadow:0 22px 60px #00000073,inset -20px 0 38px #ffffff2e;font-size:54px;font-weight:950;line-height:.92}.big-talk span{display:block;font-size:20px;font-weight:650}.big-talk:active:not(:disabled){transform:scale(.97);background:#f0b84a}.big-talk:disabled{opacity:.55;cursor:not-allowed}.phone-shell.latched .big-talk{background:#f0b84a;box-shadow:0 0 0 8px #f0b84a2e,0 22px 60px #00000073}.latch-banner{min-height:34px;display:grid;place-items:center;border-radius:999px;padding:7px 14px;color:#17201d;background:#f8f077;font-size:14px;font-weight:850}.member-controls{justify-content:space-between;gap:12px;padding:0 18px 14px}.active-room{gap:9px;min-width:0}.active-room strong,.active-room span{display:block}.active-room span{color:#d3d7d2;font-size:13px}.leave-mini{min-width:72px;min-height:40px;border:0;border-radius:6px;color:#fff;background:#b7352f}.mobile-groups{display:grid;gap:8px;padding:0 18px 18px}.mobile-groups button{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;background:#ffffff14;text-align:left}.mobile-groups button.active{border-color:#f8f077}.mobile-groups small{color:#d3d7d2}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto}.admin-grid{grid-template-columns:1fr}}@media(max-width:520px){.admin-stage{padding:14px}.admin-topbar{flex-direction:column}.permission-matrix{max-width:calc(100vw - 28px)}.phone-top strong{font-size:28px}.talk-groups{grid-template-columns:repeat(3,52px)}.top-groups{grid-template-columns:repeat(4,48px)}.big-talk{width:min(76vw,290px);font-size:52px}}