:root{color:#102a43;background:#f3f7fa;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:#f3f7fa}button{font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.loading-page{color:#0a5185;place-items:center;min-height:100vh;font-size:24px;display:grid}.app-shell{background:radial-gradient(circle at 0 0,#00ab0012,#0000 26%),radial-gradient(circle at 100% 0,#fd912614,#0000 28%),linear-gradient(#fff 0%,#f3f7fa 42%,#eef5f9 100%);min-height:100vh}.main-header{background:#fff;border-bottom:1px solid #dce8ef;justify-content:space-between;align-items:center;gap:28px;min-height:136px;padding:22px 40px;display:flex;box-shadow:0 8px 30px #0a518514}.header-left{align-items:center;display:flex}.header-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.btp-header-logo{object-fit:contain;max-width:280px;max-height:92px;display:block}.ass-header-logo{object-fit:contain;max-width:230px;max-height:82px;display:block}.auth-kicker{color:#fd9126;text-transform:uppercase;letter-spacing:1.6px;font-size:13px;font-weight:900}.nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffffeb;border-bottom:1px solid #dce8ef;justify-content:center;gap:8px;padding:14px 28px;display:flex;position:sticky;top:0}.nav-bar button,.auth-tabs button,.auth-form button,.logout-button,.action-card button,.snooze-grid button,.frequency-buttons button,.quick-actions button,.pending-card>button,.claim-form button,.broadcast-card button{color:#0a5185;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:850;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:0 3px 12px #0a51850a}.nav-bar button{box-shadow:none;background:0 0;border-color:#0000}.nav-bar button:hover,.auth-tabs button:hover,.auth-form button:hover,.logout-button:hover,.action-card button:hover,.snooze-grid button:hover,.frequency-buttons button:hover,.quick-actions button:hover,.pending-card>button:hover,.claim-form button:hover,.broadcast-card button:hover{color:#0a5185;background:#fff;border-color:#fd9126;transform:translateY(-1px);box-shadow:0 0 0 3px #fd912624}.nav-bar .nav-active,.auth-tab-active,.frequency-buttons .selected-frequency{color:#0a5185;box-shadow:inset 0 -3px #fd9126;background:#fff7ef!important;border-color:#fd9126!important}.logout-button{padding:10px 18px}.content{max-width:1180px;margin:0 auto;padding:28px 24px 48px}.offline-banner,.global-status{color:#0a5185;background:#fff7ef;border:1px solid #fd9126;border-left-width:5px;border-radius:16px;gap:5px;margin-bottom:18px;padding:14px 18px;display:grid;box-shadow:0 6px 18px #0a518514}.global-status{background:#eaf4fa;border-color:#cfe0ea #cfe0ea #cfe0ea #0a5185}.next-call-panel{background:#fff;border-left:4px solid #fd9126;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:13px 18px;display:flex;box-shadow:0 6px 18px #0a518514}.panel-label{text-transform:uppercase;color:#0a5185;letter-spacing:1.2px;margin-bottom:5px;font-size:12px;font-weight:900}.next-call-value{color:#102a43;font-size:clamp(18px,2vw,25px);font-weight:850;line-height:1.15}.next-call-subtext{color:#47657a;text-align:right;flex-direction:row;gap:14px;font-size:13px;font-weight:750;display:flex}.dashboard-hero{background:#fff;border:1px solid #dce8ef;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:26px;display:flex;box-shadow:0 12px 32px #0a51851a}.dashboard-hero h2{color:#0a5185;margin:4px 0 8px;font-size:34px}.dashboard-hero p{color:#47657a;margin:5px 0 0}.status-pill{border:1px solid;border-radius:999px;padding:12px 18px;font-weight:900}.online-pill{color:#168a3a;background:#f1fbf4;border-color:#bfe5ca}.offline-pill{color:#c62828;background:#fff5f5;border-color:#ecc5c5}.page-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;display:grid}.card,.panel-page{background:#fff;border:1px solid #dce8ef;border-radius:22px;padding:26px;box-shadow:0 12px 32px #0a51851a}.card h2,.section-heading h2{color:#0a5185;margin:0 0 12px;font-size:26px}.card p,.section-heading p{color:#344b5e;margin:8px 0;font-size:16px;line-height:1.45}.mini-history{margin-top:20px}.history-list{gap:10px;display:grid}.history-row{background:#f7fbfd;border:1px solid #dce8ef;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.history-row div{gap:4px;display:grid}.history-row strong{color:#0a5185}.history-row span{color:#7890a1;font-size:13px;font-weight:700}.history-row em{color:#47657a;text-transform:capitalize;font-style:normal;font-weight:900}.action-card button{margin-top:8px}.section-heading{margin-bottom:22px}.schedule-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.bird-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px;display:grid}.bird-button{color:#0a5185;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:16px;min-height:62px;padding:15px 18px;font-size:16px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;box-shadow:0 4px 14px #0a51850f}.bird-button span{color:#0a5185;background:#eef5f9;border:1px solid #cfe0ea;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:900;display:inline-grid}.bird-button:hover{background:#fff;border-color:#fd9126;transform:translateY(-1px);box-shadow:0 0 0 3px #fd912624}.bird-button:hover span{color:#fd9126;border-color:#fd9126}.control-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px;display:flex}.stop-button,.danger-outline{color:#c62828!important;border:1px solid #c62828!important}.stop-button{cursor:pointer;background:#fff;border-radius:999px;padding:16px 26px;font-size:17px;font-weight:900;transition:background .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:0 4px 14px #c6282814}.stop-button:hover,.danger-outline:hover{color:#c62828!important;background:#fff5f5!important;box-shadow:0 0 0 3px #c6282824!important}.command-status,.schedule-status,.broadcast-status{color:#0a5185;background:#eaf4fa;border-radius:16px;margin-bottom:16px;padding:12px 16px;font-weight:900;display:inline-block}.snooze-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.snooze-grid button{min-height:66px}.broadcast-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;display:grid}.broadcast-card{background:#f7fbfd;border:1px solid #dce8ef;border-radius:18px;align-content:start;gap:14px;padding:20px;display:grid}.broadcast-card h3{color:#0a5185;margin:0;font-size:22px}.broadcast-card p{color:#47657a;margin:0;line-height:1.45}.broadcast-actions{flex-wrap:wrap;gap:10px;display:flex}.file-input{color:#0a5185;background:#fff;border:1px dashed #b8cfdd;border-radius:14px;width:100%;padding:14px;font-weight:800}.audio-preview{width:100%}.selected-file{color:#47657a;font-size:14px}.broadcast-warning{color:#0a5185;background:#fff7ef;border:1px solid #fd9126;border-radius:14px;margin-bottom:18px;padding:13px 15px;font-weight:800}.schedule-layout{grid-template-columns:minmax(0,1fr) 350px;gap:18px;display:grid}.schedule-scroll{background:#eef5f9;border:1px solid #dce8ef;border-radius:18px;max-height:68vh;padding:10px;overflow:auto}.week-grid{grid-template-columns:76px repeat(7,minmax(92px,1fr));gap:6px;min-width:790px;display:grid}.corner-cell,.day-header,.time-cell{border-radius:11px;place-items:center;min-height:38px;font-size:13px;font-weight:900;display:grid}.corner-cell,.day-header{color:#fff;z-index:2;background:#0a5185;position:sticky;top:0}.time-cell{color:#0a5185;z-index:1;background:#fff;border:1px solid #dce8ef;position:sticky;left:0}.hour-slot{color:#0a5185;cursor:pointer;background:#fff;border:1px solid #dce8ef;border-radius:10px;place-items:center;gap:1px;min-height:42px;padding:4px;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;box-shadow:0 2px 8px #0a51850a}.hour-slot small{color:#47657a;font-size:10px;font-weight:700;display:block}.hour-slot:hover{border-color:#fd9126;box-shadow:0 0 0 3px #fd912624}.hour-slot.enabled{color:#0a5185;background:#fff7ef;border-color:#fd9126}.hour-slot.enabled strong{color:#fd9126}.hour-slot.selected{border-color:#0a5185;box-shadow:0 0 0 2px #0a51852e,0 0 0 5px #fd91261f}.slot-editor{background:#fff;border:1px solid #dce8ef;border-radius:20px;min-height:400px;padding:20px;box-shadow:0 8px 24px #0a518514}.slot-editor h2{color:#0a5185;margin:0 0 10px}.slot-editor h3{color:#0a5185;margin:20px 0 10px}.slot-title{color:#344b5e;font-size:19px;font-weight:900}.slot-enable{color:#47657a;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:16px;width:100%;margin-bottom:12px;padding:15px;font-size:16px;font-weight:900;transition:border-color .16s,box-shadow .16s,background .16s,color .16s;box-shadow:0 3px 12px #0a51850d}.slot-enable:hover{border-color:#fd9126;box-shadow:0 0 0 3px #fd912624}.slot-enable.enabled{color:#0a5185;background:#fff7ef;border-color:#fd9126}.slot-bird-list{gap:8px;display:grid}.slot-check-row{color:#102a43;background:#f7fbfd;border:1px solid #dce8ef;border-radius:12px;align-items:center;gap:10px;padding:10px;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.slot-check-row:hover{background:#fff;border-color:#fd9126;box-shadow:0 0 0 3px #fd91261a}.slot-check-row input{accent-color:#fd9126;width:18px;height:18px}.frequency-buttons,.quick-actions{gap:10px;display:grid}.selected-summary{color:#344b5e;background:#eaf4fa;border-radius:14px;margin-top:18px;padding:12px;line-height:1.45}.empty-slot-state{color:#47657a;line-height:1.45}.auth-shell{background:radial-gradient(circle at 0 0,#00ab0014,#0000 28%),radial-gradient(circle at 100% 0,#fd91261a,#0000 28%),linear-gradient(#fff 0%,#f3f7fa 42%,#eef5f9 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.simple-auth-card,.pending-card{background:#fff;border:1px solid #dce8ef;border-radius:26px;width:min(520px,100%);padding:34px;box-shadow:0 18px 48px #0a51851f}.simple-auth-logos{align-items:center;gap:20px;margin-bottom:24px;display:flex}.simple-auth-logos img:first-child{object-fit:contain;max-width:180px;max-height:70px}.simple-auth-logos img:last-child{object-fit:contain;max-width:180px;max-height:110px}.simple-auth-card h1,.pending-card h1{color:#0a5185;margin:8px 0 12px;font-size:34px;line-height:1.1}.simple-auth-card p,.pending-card p{color:#47657a;line-height:1.5}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;display:grid}.auth-form,.claim-form{gap:14px;display:grid}.auth-form label,.claim-form label{color:#0a5185;gap:7px;font-weight:800;display:grid}.auth-form input,.claim-form input{border:1px solid #d8e6ee;border-radius:14px;padding:13px 14px;font-size:16px}.auth-form input:focus,.claim-form input:focus{border-color:#fd9126;outline:none;box-shadow:0 0 0 3px #fd912624}.auth-status{color:#0a5185;background:#eaf4fa;border-radius:14px;margin-top:16px;padding:12px;font-weight:800}.pending-card{width:min(660px,100%)}.approval-steps{gap:12px;margin:26px 0;display:grid}.approval-step{background:#f7fbfd;border:1px solid #dce8ef;border-radius:16px;grid-template-columns:42px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.approval-step span{color:#0a5185;background:#eef5f9;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.approval-step.done span,.approval-step.active span{color:#fd9126;background:#fff7ef}.approval-step strong{color:#0a5185}.approval-step p{margin:4px 0 0}.app-footer{color:#7890a1;flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto;padding:0 24px 30px;font-size:13px;font-weight:700;display:flex}@media (width<=1000px){.schedule-layout,.broadcast-grid{grid-template-columns:1fr}.next-call-panel{flex-direction:column;align-items:flex-start}.next-call-subtext{text-align:left}}@media (width<=850px){.main-header{flex-direction:column;align-items:flex-start;padding-left:18px;padding-right:18px}.header-right{align-items:flex-start}.btp-header-logo{max-width:220px}.ass-header-logo{max-width:180px;max-height:76px}.page-grid,.bird-grid,.snooze-grid{grid-template-columns:1fr}.content{padding:20px 14px 36px}.simple-auth-logos{flex-direction:column;align-items:flex-start;gap:14px}.simple-auth-logos img:first-child{max-width:210px}.simple-auth-logos img:last-child{max-width:170px}.schedule-heading,.dashboard-hero{flex-direction:column;align-items:flex-start}.nav-bar{justify-content:flex-start;overflow-x:auto}}.sso-grid{gap:10px;margin:22px 0 14px;display:grid}.sso-grid button,.full-width-auth-button{color:#0a5185;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:999px;width:100%;padding:13px 18px;font-size:15px;font-weight:900;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 3px 12px #0a51850a}.sso-grid button:hover,.full-width-auth-button:hover{border-color:#fd9126;transform:translateY(-1px);box-shadow:0 0 0 3px #fd912624}.auth-divider{color:#7890a1;align-items:center;gap:12px;margin:16px 0;font-size:13px;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dce8ef;flex:1;height:1px}.password-field{grid-template-columns:1fr auto;gap:8px;display:grid}.password-field button{color:#0a5185;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:14px;padding:0 13px;font-weight:900}.password-checklist{background:#f7fbfd;border:1px solid #dce8ef;border-radius:14px;gap:8px;padding:12px;display:grid}.check{color:#7890a1;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.check span{text-align:center;width:18px;font-weight:900}.check.passed{color:#168a3a}.auth-footer-actions{justify-content:center;margin-top:14px;display:flex}.auth-footer-actions button{color:#0a5185;cursor:pointer;background:0 0;border:0;font-weight:900;text-decoration:underline}.success-icon{color:#168a3a;background:#f1fbf4;border:1px solid #bfe5ca;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:16px;font-size:28px;font-weight:900;display:grid}.selector-panel{background:#fff;border:1px solid #dce8ef;border-radius:18px;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;padding:16px;display:grid;box-shadow:0 6px 18px #0a518514}.selector-field{gap:7px;display:grid}.selector-field label{color:#0a5185;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:900}.selector-field select{color:#102a43;background:#fff;border:1px solid #d8e6ee;border-radius:14px;width:100%;padding:12px 14px;font-size:15px;font-weight:800}.map-layout{grid-template-columns:260px minmax(320px,1fr) 280px;align-items:stretch;gap:18px;display:grid}.site-list,.tannoyer-list{align-content:start;gap:10px;display:grid}.site-row,.tannoyer-row{color:#0a5185;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce8ef;border-radius:16px;gap:5px;padding:14px;display:grid;box-shadow:0 4px 14px #0a51850d}.site-row:hover,.tannoyer-row:hover,.site-row.active,.tannoyer-row.active{border-color:#fd9126;box-shadow:0 0 0 3px #fd912624}.site-row span,.tannoyer-row span,.site-row small,.tannoyer-row em{color:#7890a1;font-size:13px;font-style:normal;font-weight:800}.map-panel{gap:12px;display:grid}.map-placeholder{background:radial-gradient(circle at 22% 35%,#00ab001f,#0000 12%),radial-gradient(circle at 70% 70%,#fd912624,#0000 14%),linear-gradient(135deg,#eef7f2,#eaf4fa);border:1px solid #dce8ef;border-radius:22px;min-height:420px;position:relative;overflow:hidden}.map-grid-lines{background-image:linear-gradient(#0a518514 1px,#0000 1px),linear-gradient(90deg,#0a518514 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.map-pin{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:38px;height:38px;font-weight:900;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 8px 18px #0a518538}.map-pin:after{content:"";background:#ffffff2e;border-radius:50%;position:absolute;inset:8px}.map-pin{transform-origin:50%;font-size:0}.map-pin:before{content:attr(title);display:none}.map-pin.online-pin{background:#168a3a}.map-pin.offline-pin{background:#c62828}.map-pin.selected-pin{outline:4px solid #fd912652}.map-help{background:#f7fbfd;border:1px solid #dce8ef;border-radius:16px;gap:5px;padding:14px;display:grid}.map-help strong{color:#0a5185}.map-help span{color:#47657a;line-height:1.4}@media (width<=1050px){.map-layout,.selector-panel{grid-template-columns:1fr}}