: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}.loading-page{color:#0a5185;place-items:center;min-height:100vh;font-size:24px;display:grid}.app-shell{background: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:112px;padding:18px 40px;display:flex;box-shadow:0 8px 30px #0a518514}.brand-logo{object-fit:contain;max-width:260px;max-height:82px;display:block}.portal-title{text-align:right}.portal-kicker{color:#fd9126;text-transform:uppercase;letter-spacing:1.6px;font-size:14px;font-weight:900}.portal-title h1{color:#0a5185;margin:6px 0 0;font-size:32px;line-height:1.1}.nav-bar{z-index:20;background:#fff;border-bottom:1px solid #dce8ef;justify-content:center;gap:8px;padding:14px 28px;display:flex;position:sticky;top:0}.nav-bar button{color:#0a5185;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:800;transition:border-color .16s,background .16s,color .16s,box-shadow .16s}.nav-bar button:hover{background:#fff;border-color:#fd9126;box-shadow:0 0 0 3px #fd912624}.nav-bar .nav-active{color:#0a5185;background:#f7fbfd;border-color:#cfe0ea;box-shadow:inset 0 -3px #fd9126}.content{max-width:1180px;margin:0 auto;padding:28px 24px 48px}.next-call-panel{background:#fff;border-left:5px solid #fd9126;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:18px 22px;display:flex;box-shadow:0 10px 28px #0a51851a}.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(22px,2.8vw,34px);font-weight:900;line-height:1.15}.next-call-subtext{color:#47657a;text-align:right;flex-direction:column;gap:7px;font-size:14px;font-weight:800;display:flex}.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}.online{color:#168a3a}.offline{color:#c62828}.section-heading{margin-bottom:22px}.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{color:#c62828;cursor:pointer;background:#fff;border:1px solid #c62828;border-radius:16px;padding:16px 26px;font-size:17px;font-weight:900;transition:background .16s,color .16s,box-shadow .16s;box-shadow:0 4px 14px #c6282814}.stop-button:hover{color:#fff;background:#c62828;box-shadow:0 0 0 3px #c6282824}.command-status,.schedule-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}.snooze-grid button,.frequency-buttons button,.quick-actions button{color:#0a5185;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:14px;padding:13px;font-size:16px;font-weight:850;transition:border-color .16s,box-shadow .16s,background .16s,color .16s;box-shadow:0 3px 12px #0a51850d}.snooze-grid button:hover,.frequency-buttons button:hover,.quick-actions button:hover{color:#0a5185;background:#fff;border-color:#fd9126;box-shadow:0 0 0 3px #fd912624}.frequency-buttons .selected-frequency{color:#0a5185;background:#fff7ef;border-color:#fd9126;box-shadow:inset 0 -3px #fd9126}.schedule-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px;display:grid}.schedule-scroll{background:#eef5f9;border:1px solid #dce8ef;border-radius:18px;max-height:70vh;padding:12px;overflow:auto}.week-grid{grid-template-columns:90px repeat(7,minmax(115px,1fr));gap:8px;min-width:960px;display:grid}.corner-cell,.day-header,.time-cell{border-radius:14px;place-items:center;min-height:48px;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:12px;place-items:center;gap:2px;min-height:58px;padding:6px;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:11px;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}.quick-actions .danger-outline{color:#c62828;border-color:#e2b5b5}.quick-actions .danger-outline:hover{color:#c62828;border-color:#c62828;box-shadow:0 0 0 3px #c628281f}.selected-summary{color:#344b5e;background:#eaf4fa;border-radius:14px;margin-top:18px;padding:12px;line-height:1.45}@media (width<=1000px){.schedule-layout{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}.portal-title{text-align:left}.page-grid,.bird-grid,.snooze-grid{grid-template-columns:1fr}.content{padding:20px 14px 36px}.brand-logo{max-width:220px}}.auth-shell{background:linear-gradient(#fff 0%,#f3f7fa 42%,#eef5f9 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dce8ef;border-radius:24px;width:min(460px,100%);padding:30px;box-shadow:0 18px 48px #0a518524}.auth-logo{max-width:220px;margin-bottom:22px;display:block}.auth-card h1{color:#0a5185;margin:0 0 8px;font-size:30px}.auth-card p{color:#47657a;line-height:1.45}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;display:grid}.auth-tabs button,.auth-form button,.logout-button{color:#0a5185;cursor:pointer;background:#fff;border:1px solid #d8e6ee;border-radius:14px;padding:13px;font-weight:900}.auth-tabs button:hover,.auth-form button:hover,.logout-button:hover{border-color:#fd9126;box-shadow:0 0 0 3px #fd912624}.auth-tab-active{box-shadow:inset 0 -3px #fd9126;background:#fff7ef!important;border-color:#fd9126!important}.auth-form{gap:14px;display:grid}.auth-form label{color:#0a5185;gap:7px;font-weight:800;display:grid}.auth-form input{border:1px solid #d8e6ee;border-radius:14px;padding:13px 14px;font-size:16px}.auth-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}.logout-button{margin-top:10px;padding:10px 16px}