.ccmock .ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 500,"opsz" 24}.ccmock .ms.fill{font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24}.ccmock{--brand: var(--brand-primary, #E11D48);--brand-2: #2563EB;--on-brand: #FFFFFF;--app-bg: #F4F5F7;--surface: #FFFFFF;--surface-2: #FAFBFC;--border: #D8DCE6;--text: #0F172A;--text-muted: #6B7280;--on-card: #0F172A;--amber: #F59E0B;--green: #16A34A;--alarm: #E11D48;--grey: #94A3B8;--cyan: #0EA5A0;--glow: color-mix(in srgb, var(--brand) 42%, transparent);--orb-1: color-mix(in srgb, var(--brand) 14%, transparent);--orb-2: color-mix(in srgb, var(--brand-2) 12%, transparent);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ccmock[data-theme=dark]{--brand-2: #60A5FA;--on-brand: #FFFFFF;--app-bg: #0B1220;--surface: #121A2A;--surface-2: #0E1726;--border: #25324A;--text: #E6ECF6;--text-muted: #93A1B8;--on-card: #E6ECF6;--amber: #FBBF24;--green: #22C55E;--alarm: #F43F5E;--grey: #64748B;--cyan: #5EEAD4;--orb-1: color-mix(in srgb, var(--brand) 26%, transparent);--orb-2: color-mix(in srgb, #2563EB 22%, transparent)}.ccmock-tile{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem;background:radial-gradient(120% 120% at 15% 0%,color-mix(in srgb,var(--brand-primary, #E11D48) 14%,transparent),transparent 55%),radial-gradient(110% 110% at 100% 100%,color-mix(in srgb,#2563EB 12%,transparent),transparent 55%),linear-gradient(160deg,#f8fafc,#eef1f6)}.ccmock-tile[data-theme=dark]{background:radial-gradient(120% 120% at 15% 0%,color-mix(in srgb,var(--brand-primary, #E11D48) 26%,transparent),transparent 55%),radial-gradient(110% 110% at 100% 100%,color-mix(in srgb,#2563EB 22%,transparent),transparent 55%),linear-gradient(160deg,#0b1220,#060912)}.ccmock-tile:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:22px 22px;color:#0f172a0d}.ccmock-tile[data-theme=dark]:before{color:#ffffff0d}.ccmock .app{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;padding:6px 0 0}.ccmock .body{flex:1;overflow:hidden;padding:0 30px;min-height:0}.ccmock .body.nav{padding-bottom:132px}.ccmock .hdr{margin:6px 0 14px;background:var(--surface);border:1px solid var(--border);border-radius:18px;min-height:74px;display:flex;align-items:center;gap:14px;padding:12px 14px}.ccmock .hdr-logo{width:50px;height:50px;border-radius:14px;background:var(--brand);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.ccmock .hdr-logo .ms{color:#fff;font-size:30px}.ccmock .hdr-logo img{width:84%;height:84%;-o-object-fit:contain;object-fit:contain}.ccmock .sitechip{flex:1;display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:11px 16px;min-width:0}.ccmock .power{color:var(--amber);font-size:26px}.ccmock .dot{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}.ccmock .dot.away{background:var(--brand);color:var(--brand)}.ccmock .dot.alarm{background:var(--alarm);color:var(--alarm)}.ccmock .dot.stay{background:var(--amber);color:var(--amber)}.ccmock .dot.disarm{background:var(--green);color:var(--green)}.ccmock .dot.off{background:var(--grey);color:var(--grey)}.ccmock .hdr-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:27px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccmock .caret{margin-left:auto;color:var(--text-muted);font-size:30px}.ccmock .hdr-action{width:54px;height:54px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none}.ccmock .hdr-action .ms{font-size:30px;color:var(--brand-2)}.ccmock .hdr-action.add .ms{color:var(--brand)}.ccmock .card{background:var(--surface);border:1px solid var(--border);border-radius:18px}.ccmock .title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:30px;color:var(--text)}.ccmock .sec{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:27px;color:var(--text);margin:18px 4px 12px}.ccmock .seclbl{font-weight:700;font-size:19px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:16px 4px 10px}.ccmock .muted{color:var(--text-muted)}.ccmock .b700{font-weight:700}.ccmock .link{color:var(--brand);font-weight:700;font-family:Manrope;font-size:23px}.ccmock .primary-btn{background:var(--brand);color:var(--on-brand);font-family:Manrope;font-weight:700;font-size:24px;border-radius:16px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none}.ccmock .pill{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:999px;font-family:Manrope;font-weight:700;font-size:21px}.ccmock .pill .ms{font-size:23px}.ccmock .pill-high{background:color-mix(in srgb,var(--alarm) 14%,transparent);color:var(--alarm)}.ccmock .pill-med{background:color-mix(in srgb,var(--amber) 18%,transparent);color:color-mix(in srgb,var(--amber) 86%,#7a5200)}.ccmock .pill-low{background:color-mix(in srgb,var(--cyan) 22%,transparent);color:var(--cyan)}.ccmock .pill-resolved{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}.ccmock .pill-active{background:color-mix(in srgb,var(--alarm) 14%,transparent);color:var(--alarm)}.ccmock .pill-away{background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand)}.ccmock .pill-info{background:color-mix(in srgb,var(--brand-2) 15%,transparent);color:var(--brand-2)}.ccmock .arm-row{display:flex;gap:16px;justify-content:space-between}.ccmock .armbtn{flex:1;height:118px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted)}.ccmock .armbtn .ms{font-size:40px}.ccmock .armbtn .l{font-family:Manrope;font-weight:700;font-size:21px}.ccmock .armbtn.active{color:#fff;border:none;box-shadow:0 14px 30px #00000038}.ccmock .armbtn.active.away{background:var(--brand);color:var(--on-brand)}.ccmock .armbtn.active.stay{background:var(--amber);color:#3a2600}.ccmock .armbtn.active.disarm{background:var(--green);color:#04240f}.ccmock .groups{display:flex;flex-wrap:wrap;gap:24px}.ccmock .gtile-wrap{width:204px;display:flex;flex-direction:column;align-items:center;gap:11px}.ccmock .gtile{position:relative;width:204px;height:204px;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.ccmock .gtile>*{width:100%;height:100%}.ccmock .gtile img{-o-object-fit:cover;object-fit:cover;display:block}.ccmock .gtamper{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;background:var(--alarm);display:flex;align-items:center;justify-content:center}.ccmock .gtamper .ms{font-size:19px;color:#fff}.ccmock .gtile .shield{display:flex;align-items:center;justify-content:center}.ccmock .gtile .shield .ms{font-size:64px}.ccmock .gbadge{position:absolute;left:-4px;bottom:-4px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid var(--surface);box-shadow:0 6px 14px #0000004d}.ccmock .gbadge .ms{font-size:30px;color:#fff}.ccmock .gbadge.away{background:var(--brand)}.ccmock .gbadge.alarm{background:var(--alarm)}.ccmock .gbadge.stay{background:var(--amber);color:#3a2600}.ccmock .gbadge.disarm{background:var(--green);color:#04240f}.ccmock .gtype{position:absolute;left:8px;top:8px;width:32px;height:32px;border-radius:9px;background:#00000080;display:flex;align-items:center;justify-content:center}.ccmock .gtype .ms{font-size:19px;color:#fff}.ccmock .ghubs{position:absolute;right:6px;bottom:6px;background:#0009;color:#fff;font-size:16px;font-weight:700;border-radius:8px;padding:3px 8px}.ccmock .glabel{font-family:Manrope;font-weight:600;font-size:22px;color:var(--text);text-align:center;line-height:1.1}.ccmock .gsub{font-family:Manrope;font-weight:500;font-size:17px;color:var(--text-muted)}.ccmock .statusline{display:flex;align-items:center;gap:9px;font-family:Manrope;font-weight:600;font-size:21px}.ccmock .sdot{width:14px;height:14px;border-radius:50%;flex:none}.ccmock .sdot.green{background:var(--green)}.ccmock .sdot.amber{background:var(--amber)}.ccmock .sdot.red{background:var(--alarm)}.ccmock .sdot.grey{background:var(--grey)}.ccmock .sdot.brand{background:var(--brand)}.ccmock .cam-thumb{width:96px;height:64px;border-radius:12px;overflow:hidden;border:1px solid var(--border);flex:none;background:var(--surface-2)}.ccmock .cam-thumb>:global(*){width:100%;height:100%}.ccmock .chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-weight:700;font-size:19px;color:var(--text-muted)}.ccmock .tgl{width:70px;height:38px;border-radius:999px;background:var(--border);position:relative;flex:none}.ccmock .tgl.on{background:var(--brand)}.ccmock .tgl:after{content:"";position:absolute;top:4px;left:4px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:.2s}.ccmock .tgl.on:after{left:calc(100% - 34px)}.ccmock .av{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff;flex:none}.ccmock .handle{width:84px;height:6px;border-radius:99px;background:var(--border);margin:14px auto 18px}.ccmock .player{position:relative;width:100%;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#000}.ccmock .player>:global(*){width:100%;height:100%;display:block}.ccmock .snap-pill{position:absolute;right:14px;bottom:14px;background:#0a0c10a8;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:19px;padding:7px 14px;border-radius:999px}.ccmock .live-badge{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;background:#e11d48eb;color:#fff;font-weight:800;font-size:19px;padding:7px 14px;border-radius:999px;letter-spacing:.5px}.ccmock .live-badge .pulse{width:11px;height:11px;border-radius:50%;background:#fff}.ccmock .btn{display:inline-flex;align-items:center;gap:9px;height:62px;padding:0 22px;border-radius:14px;font-family:Manrope;font-weight:700;font-size:23px}.ccmock .btn .ms{font-size:26px}.ccmock .btn-surface{background:var(--surface);border:1px solid var(--border);color:var(--text)}.ccmock .btn-secondary{background:color-mix(in srgb,var(--brand-2) 18%,transparent);color:var(--brand-2);border:1px solid color-mix(in srgb,var(--brand-2) 30%,transparent)}.ccmock .btn-brand{background:var(--brand);color:var(--on-brand)}.ccmock .date-head{font-family:Manrope;font-weight:700;font-size:22px;color:var(--text-muted);margin:18px 6px 12px}.ccmock .event-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:16px;margin-bottom:14px}.ccmock .event-row.active{border:2px solid var(--alarm);box-shadow:0 10px 26px color-mix(in srgb,var(--alarm) 16%,transparent)}.ccmock .ev-thumb{width:84px;height:84px;border-radius:14px;overflow:hidden;flex:none;border:1px solid var(--border);background:var(--surface-2)}.ccmock .ev-thumb>:global(*){width:100%;height:100%}.ccmock .ev-glyph{width:84px;height:84px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center}.ccmock .ev-glyph .ms{font-size:38px}.ccmock .ev-label{font-family:Manrope;font-weight:700;font-size:25px;color:var(--text);line-height:1.15}.ccmock .ev-meta{display:flex;align-items:center;gap:12px;margin-top:8px}.ccmock .ev-time{font-family:Space Grotesk;font-weight:600;font-size:23px;color:var(--text-muted);white-space:nowrap}.ccmock .ev-chev{color:var(--text-muted);font-size:30px}.ccmock .appbar{display:flex;align-items:center;gap:16px;margin:6px 0 12px}.ccmock .appbar .back{width:54px;height:54px;border-radius:15px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.ccmock .appbar .back .ms{font-size:30px;color:var(--text)}.ccmock .appbar .t{font-family:Space Grotesk;font-weight:600;font-size:30px;color:var(--text)}.ccmock .appbar .t-action{margin-left:auto}.ccmock .hero{position:relative;width:100%;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#000}.ccmock .hero>:global(*){width:100%;display:block}.ccmock .action-row{display:flex;gap:14px}.ccmock .actbtn{flex:1;height:96px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:Manrope;font-weight:700;font-size:21px;border:1px solid}.ccmock .actbtn .ms{font-size:34px}.ccmock .actbtn.amber{background:color-mix(in srgb,var(--amber) 13%,transparent);color:color-mix(in srgb,var(--amber) 88%,#5a3b00);border-color:color-mix(in srgb,var(--amber) 36%,transparent)}.ccmock .actbtn.red{background:color-mix(in srgb,var(--alarm) 12%,transparent);color:var(--alarm);border-color:color-mix(in srgb,var(--alarm) 36%,transparent)}.ccmock .actbtn.green{background:color-mix(in srgb,var(--green) 13%,transparent);color:var(--green);border-color:color-mix(in srgb,var(--green) 36%,transparent)}.ccmock .bubble{max-width:80%;padding:16px 20px;border-radius:20px;font-family:Manrope;font-weight:500;font-size:23px;line-height:1.35}.ccmock .bubble.op{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:6px;align-self:flex-start}.ccmock .bubble.me{background:var(--brand);color:var(--on-brand);border-bottom-right-radius:6px;align-self:flex-end}.ccmock .bubble.res{background:color-mix(in srgb,var(--green) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 35%,transparent);color:var(--text);border-bottom-left-radius:6px;align-self:flex-start}.ccmock .bubble .who{font-weight:800;font-size:18px;opacity:.7;margin-bottom:5px;display:block}.ccmock .composer{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px 14px 12px 22px}.ccmock .composer .ph{flex:1;color:var(--text-muted);font-size:23px}.ccmock .composer .send{width:52px;height:52px;border-radius:14px;background:var(--brand);display:flex;align-items:center;justify-content:center}.ccmock .composer .send .ms{color:var(--on-brand);font-size:26px}.ccmock .panic{position:relative;width:100%;height:130px;border-radius:22px;background:linear-gradient(135deg,#ef2954,#c40f37);box-shadow:0 18px 40px #e11d4866,inset 0 0 0 2px #ffffff47;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff}.ccmock .panic .ms{font-size:48px}.ccmock .panic .l{font-family:Space Grotesk;font-weight:700;font-size:34px}.ccmock .cat-row{display:flex;gap:18px}.ccmock .catbtn{position:relative;flex:1;height:188px;border-radius:22px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 10px 26px #0000001a}.ccmock .cat-ic{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ccmock .cat-ic .ms{font-size:44px;color:#fff}.ccmock .cat-ic.fire{background:#e6a100}.ccmock .cat-ic.armed{background:#2f52c8}.ccmock .cat-ic.medical{background:#c63838}.ccmock .catbtn .l{font-family:Manrope;font-weight:700;font-size:24px;color:var(--text);text-align:center;line-height:1.1}.ccmock .scrim{position:absolute;inset:0;z-index:2;background:#060a106b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ccmock .sheet{position:absolute;left:0;right:0;bottom:0;z-index:12;background:var(--surface);border-radius:32px 32px 0 0;border-top:1px solid var(--border);padding:14px 30px 0;box-shadow:0 -30px 70px #0000006b}.ccmock .p16{padding:16px}.ccmock .p20{padding:20px}.ccmock .p24{padding:24px}.ccmock .mt6{margin-top:6px}.ccmock .mt8{margin-top:8px}.ccmock .mt12{margin-top:12px}.ccmock .mt16{margin-top:16px}.ccmock .mt20{margin-top:20px}.ccmock .mt24{margin-top:24px}.ccmock .gap10{gap:10px}.ccmock .gap14{gap:14px}.ccmock .gap16{gap:16px}.ccmock .col{display:flex;flex-direction:column}.ccmock .rowf{display:flex;align-items:center}.ccmock .between{justify-content:space-between}.ccmock .divider{height:1px;background:var(--border);margin:18px 0}.ccmock .gt{font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}