:root{color:#122552;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0,#3c82f614,#0000 30%),linear-gradient(#f8fbff 0%,#f3f6fa 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;padding:18px}.dashboard-container{width:min(1280px,100%);margin:0 auto}.deployment-header{background:linear-gradient(135deg,#fffffff7,#f8fbfff7);border:2px solid #71a5ff;border-radius:25px;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:28px 34px;display:grid;box-shadow:0 10px 35px #27559c14}.ward-logo{color:#17428c;text-align:center;background:linear-gradient(#edf6ff,#f7fbff);border:1px solid #cbdcf8;border-radius:80px 80px 28px 28px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:20px 12px;display:flex}.ward-logo-symbol{color:#fff;background:linear-gradient(145deg,#e22020,#bd0808);border:7px solid #ffd04c;border-radius:50%;place-items:center;width:94px;height:94px;margin-bottom:12px;display:grid;box-shadow:0 7px 16px #cf181840}.ward-logo strong{text-transform:uppercase;font-size:18px;line-height:1.35}.header-content{min-width:0}.header-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.header-content h1{color:#08265d;letter-spacing:-1.5px;margin:0;font-size:clamp(28px,3.7vw,48px);line-height:1.13}.header-content p{color:#405171;margin:12px 0 0;font-size:19px;line-height:1.55}.demo-label{color:#76540a;white-space:nowrap;background:#fff8dc;border:1px solid #eed58f;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.status-badge{color:#137439;background:#e8f8ed;border-radius:999px;align-items:center;gap:11px;width:fit-content;margin-top:19px;padding:10px 19px;font-size:17px;display:flex;box-shadow:inset 0 0 0 1px #d2eddb}.status-dot{background:#16a34a;border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 5px #16a34a17}.header-actions{flex-wrap:wrap;gap:17px;margin-top:20px;display:flex}.header-button{color:#18243d;cursor:pointer;background:#fff;border:1px solid #d8e0ec;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:55px;padding:0 25px;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px 13px #12315c14}.header-button svg{color:#2374ea}.header-button:hover{border-color:#9fc2fb;transform:translateY(-2px);box-shadow:0 9px 20px #12315c1f}.dashboard-shell{background:#fffffff5;border:1px solid #e1e7f0;border-radius:25px;margin-top:20px;overflow:hidden;box-shadow:0 12px 40px #1e3c6917}.navigation-tabs{background:#fff;border-bottom:1px solid #dfe6ef;grid-template-columns:repeat(5,minmax(130px,1fr));display:grid;overflow-x:auto}.navigation-tab{color:#536581;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:11px;min-width:145px;min-height:79px;padding:0 18px;transition:color .15s,background .15s;display:flex;position:relative}.navigation-tab:after{content:"";background:0 0;border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:0;left:18px;right:18px}.navigation-tab:hover{color:#1764d7;background:#f8fbff}.navigation-tab.active{color:#1869dd;font-weight:700}.navigation-tab.active:after{background:#2678ed}.overview-content{background:radial-gradient(circle at 0 0,#2f80ed0a,#0000 28%),#fff;padding:30px}.quick-kpi-section{scroll-margin-top:18px}.quick-kpi-section h2,.dashboard-card h2{color:#0d2c65;margin:0 0 20px;font-size:25px;line-height:1.25}.quick-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.quick-kpi-card{background:#fff;border:1px solid #dce4ef;border-radius:17px;align-items:center;gap:19px;min-width:0;min-height:145px;padding:24px;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 7px 18px #15305812}.quick-kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1530581c}.quick-kpi-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.quick-kpi-icon.blue{background:linear-gradient(145deg,#6baaff,#2371e7)}.quick-kpi-icon.purple{background:linear-gradient(145deg,#aa7bef,#7644d7)}.quick-kpi-icon.orange{background:linear-gradient(145deg,#ff9e24,#ed6700)}.quick-kpi-icon.cyan{background:linear-gradient(145deg,#25c1c0,#0596a8)}.quick-kpi-information{min-width:0}.quick-kpi-label{color:#293751;margin-bottom:9px;font-size:17px;line-height:1.35;display:block}.quick-kpi-value{font-size:clamp(28px,3vw,40px);line-height:1;display:block}.quick-kpi-value.blue{color:#2877e9}.quick-kpi-value.purple{color:#8450de}.quick-kpi-value.orange{color:#ed6800}.quick-kpi-value.cyan{color:#049baa}.dashboard-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:25px;display:grid}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:21px;min-width:0;padding:28px;scroll-margin-top:18px;box-shadow:0 7px 22px #18355e12}.funnel-list{flex-direction:column;gap:18px;display:flex}.funnel-row{grid-template-columns:30px minmax(210px,280px) minmax(180px,1fr) minmax(70px,115px);align-items:center;gap:14px;display:grid}.funnel-number{color:#fff;background:#2a77e9;border-radius:50%;place-items:center;width:27px;height:27px;font-size:14px;font-weight:800;display:grid}.funnel-label{color:#34445f;min-width:0;line-height:1.35}.funnel-progress{background:#e3e8f0;border-radius:999px;height:13px;overflow:hidden}.funnel-progress-value{border-radius:inherit;background:linear-gradient(90deg,#4b91f5,#2c78eb);min-width:10px;height:100%}.funnel-value{color:#27354e;text-align:right}.urgent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.urgent-card{text-align:center;border:1px solid;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:188px;padding:19px 14px;display:flex}.urgent-icon{margin-bottom:12px}.urgent-label{color:#273249;justify-content:center;align-items:center;min-height:47px;line-height:1.35;display:flex}.urgent-value{margin-top:7px;font-size:31px;line-height:1}.urgent-value small{margin-left:6px;font-size:17px;font-weight:600}.urgent-red{color:#e73c3c;background:linear-gradient(145deg,#fff,#fff1f1);border-color:#ffc1c1}.urgent-orange{color:#e66c00;background:linear-gradient(145deg,#fff,#fff7ec);border-color:#ffd09d}.urgent-yellow{color:#cf9200;background:linear-gradient(145deg,#fff,#fff9e8);border-color:#f2d795}.urgent-green{color:#07954f;background:linear-gradient(145deg,#fff,#effaf4);border-color:#bce6d0}.weekly-plan{flex-direction:column;gap:21px;display:flex}.weekly-plan-item{color:#33415b;cursor:pointer;align-items:flex-start;gap:15px;line-height:1.45;display:flex}.weekly-plan-item input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{color:#fff;background:#fff;border:2px solid #2c78eb;border-radius:4px;flex:none;place-items:center;width:25px;height:25px;transition:background .15s,border-color .15s;display:grid}.weekly-plan-item.completed{color:#798499;text-decoration:line-through}.weekly-plan-item.completed .custom-checkbox{background:#1c9b55;border-color:#1c9b55}.timeline{flex-direction:column;display:flex}.timeline-item{grid-template-columns:24px minmax(0,1fr);gap:12px;min-height:53px;display:grid}.timeline-marker-column{justify-content:center;display:flex;position:relative}.timeline-dot{z-index:2;background:#2676e8;border-radius:50%;width:14px;height:14px;margin-top:4px;position:relative;box-shadow:0 0 0 4px #ebf3ff}.timeline-line{background:#2676e8;border-radius:3px;width:3px;position:absolute;top:17px;bottom:-4px}.timeline-content{color:#34415a;flex-wrap:wrap;align-items:flex-start;gap:9px;padding-bottom:20px;line-height:1.4;display:flex}.dashboard-footer-actions{background:#fff;border:1px solid #e0e7f0;border-radius:20px;grid-template-columns:minmax(260px,1.2fr) minmax(260px,1fr);gap:25px;margin-top:22px;padding:19px 24px;display:grid;box-shadow:0 6px 20px #18355e0f}.primary-footer-button,.secondary-footer-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:62px;transition:transform .15s,box-shadow .15s;display:flex}.primary-footer-button{color:#fff;background:linear-gradient(135deg,#2879ed,#135bd4);border:0;font-size:19px;font-weight:700;box-shadow:0 8px 18px #1865db38}.secondary-footer-button{color:#1461d7;background:#fff;border:0;font-size:17px;font-weight:700}.primary-footer-button:hover,.secondary-footer-button:hover{transform:translateY(-2px)}.loading-state,.tab-placeholder{color:#536581;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:40px;display:flex}.loading-state{gap:15px}.loading-icon{color:#2676e8;animation:1s linear infinite rotate}.tab-placeholder-icon{color:#2676e8;background:#ebf3ff;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.tab-placeholder h2{color:#123269;margin:22px 0 8px}.tab-placeholder p{color:#6b7890;margin:0}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=1100px){.deployment-header{grid-template-columns:160px minmax(0,1fr);padding:25px}.ward-logo{min-height:170px}.quick-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-tabs{display:flex}.navigation-tab{flex:1 0 165px}}@media (width<=840px){.app{padding:10px}.deployment-header{border-radius:20px;grid-template-columns:1fr;gap:18px;padding:21px}.ward-logo{border-radius:18px;flex-direction:row;justify-content:flex-start;gap:15px;min-height:auto;padding:15px 18px}.ward-logo-symbol{border-width:5px;width:72px;height:72px;margin:0}.header-content h1{letter-spacing:-.8px;font-size:31px}.header-content p{font-size:16px}.dashboard-content{grid-template-columns:1fr}.overview-content{padding:22px}.dashboard-footer-actions{grid-template-columns:1fr}}@media (width<=590px){.deployment-header{padding:16px}.header-title-row{flex-direction:column;gap:10px}.header-content h1{font-size:27px}.desktop-break{display:none}.status-badge{border-radius:14px;align-items:flex-start;font-size:15px}.status-dot{margin-top:4px}.header-actions{grid-template-columns:1fr;gap:10px;display:grid}.header-button{width:100%}.dashboard-shell{border-radius:18px}.overview-content{padding:16px}.quick-kpi-grid{grid-template-columns:1fr;gap:12px}.quick-kpi-card{min-height:112px;padding:18px}.quick-kpi-icon{width:64px;height:64px}.dashboard-card{border-radius:16px;padding:20px 16px}.quick-kpi-section h2,.dashboard-card h2{font-size:22px}.funnel-row{grid-template-columns:28px minmax(0,1fr) 56px;gap:9px}.funnel-progress{grid-area:2/2/auto/4}.urgent-grid{grid-template-columns:1fr}.urgent-card{min-height:165px}.dashboard-footer-actions{padding:14px}.primary-footer-button,.secondary-footer-button{min-height:57px}}.location-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);background:#1328489e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.location-modal{color:#122552;text-align:center;background:#fff;border:1px solid #d9e3f0;border-radius:24px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:34px 32px 30px;overflow:visible;box-shadow:0 24px 70px #0f234347}.location-modal-icon{color:#fff;background:linear-gradient(145deg,#4b96f6,#1666da);border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 22px;display:grid;box-shadow:0 14px 28px #1e6fe242}.location-modal h2{color:#123269;margin:0;font-size:29px;line-height:1.2}.location-modal>p{color:#6b7890;max-width:430px;margin:12px auto 0;font-size:16px;line-height:1.55}.location-select-wrapper{text-align:left;gap:10px;margin-top:26px;display:grid;position:relative}.location-loading,.location-error{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:12px 16px;display:flex}.location-loading{color:#536581;background:#f7faff;border:1px solid #d8e3f1}.location-error{color:#b42318;background:#fff3f2;border:1px solid #f4b8b3}.location-confirm-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2879ed,#135bd4);border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:54px;margin-top:22px;padding:0 22px;font-size:17px;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 9px 20px #1865db3b}.location-confirm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 25px #1865db47}.location-confirm-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.location-option{text-align:left;flex-direction:column;gap:4px;padding:3px 0;display:flex}.location-option strong{color:#182943;font-size:15px}.location-option small{color:#748198;font-size:13px}.location-result-count{color:#687790;align-items:center;gap:7px;margin-top:0;font-size:13px;display:flex}.location-result-count svg{color:#2878ea}.location-select__control{cursor:text!important;min-height:52px!important;box-shadow:none!important;border-color:#cad6e6!important;border-radius:10px!important}.location-select__control--is-focused{border-color:#2878ea!important;box-shadow:0 0 0 3px #2878ea1f!important}.location-select__value-container{padding:5px 13px!important}.location-select__input-container{color:#182943!important}.location-select__placeholder{color:#8a96a9!important}.location-select__menu{text-align:left;max-height:320px;overflow:hidden;z-index:12000!important;border-radius:10px!important}.location-select__menu-list{max-height:310px!important}.location-select__option{cursor:pointer!important;padding:10px 13px!important}.location-select__option--is-focused{background:#edf5ff!important}.location-select__option--is-selected{background:#2878ea!important}.location-select__option--is-selected .location-option strong,.location-select__option--is-selected .location-option small{color:#fff}.location-select__single-value{max-width:calc(100% - 8px)!important;margin:0!important}.location-select__indicator-separator{background-color:#d7e0ec!important}.location-select__dropdown-indicator,.location-select__clear-indicator{color:#66758b!important}.location-select__dropdown-indicator:hover,.location-select__clear-indicator:hover{color:#1f6edc!important}@media (width<=590px){.location-overlay{align-items:flex-start;padding:14px;overflow-y:auto}.location-modal{border-radius:20px;margin:auto 0;padding:26px 18px 22px}.location-modal-icon{width:66px;height:66px;margin-bottom:18px}.location-modal h2{font-size:24px}.location-modal>p{font-size:14px}}.form-overlay{z-index:11000;-webkit-backdrop-filter:blur(6px);background:#1328489e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.update-form-modal{color:#122552;background:#fff;border:1px solid #d9e3f0;border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #0f234347}.update-form-header{border-bottom:1px solid #e4eaf2;justify-content:space-between;align-items:flex-start;gap:18px;padding:26px 28px 22px;display:flex}.update-form-header h2{color:#0d2c65;margin:0;font-size:25px;line-height:1.25}.update-form-header p{color:#66758b;margin:8px 0 0;font-size:15px;line-height:1.5}.close-form-button{color:#66758b;cursor:pointer;background:#fff;border:1px solid #d8e1ed;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;transition:color .15s,border-color .15s,background .15s;display:grid}.close-form-button:hover{color:#c92a2a;background:#fff5f5;border-color:#f1b7b7}.update-form-modal form{padding:24px 28px 28px}.update-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-field{flex-direction:column;gap:8px;min-width:0;display:flex}.form-field>span{color:#253650;font-size:15px;font-weight:700;line-height:1.35}.form-field input{color:#182943;background:#fff;border:1px solid #cad6e6;border-radius:10px;outline:none;width:100%;height:50px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.form-field input::placeholder{color:#8a96a9}.form-field input:focus{border-color:#2878ea;box-shadow:0 0 0 3px #2878ea1f}.update-form-actions{border-top:1px solid #e4eaf2;justify-content:flex-end;gap:12px;margin-top:26px;padding-top:20px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.cancel-button{color:#44536b;background:#fff;border:1px solid #d5deea}.cancel-button:hover{background:#f8fafc;border-color:#aebdd1}.save-button{color:#fff;background:linear-gradient(135deg,#2879ed,#135bd4);border:0;box-shadow:0 8px 18px #1865db38}.save-button:hover{transform:translateY(-1px);box-shadow:0 11px 22px #1865db45}.save-notification{z-index:12000;color:#14532d;background:#f0fff4;border:1px solid #b7e4c7;border-radius:12px;align-items:center;gap:10px;max-width:min(420px,100vw - 36px);padding:13px 17px;font-size:14px;font-weight:700;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 12px 30px #12315c29}.save-notification .loading-icon,.save-notification svg{flex:none}@media (width<=590px){.form-overlay{align-items:flex-start;padding:14px}.update-form-modal{border-radius:18px;margin:auto 0}.update-form-header{padding:21px 18px 18px}.update-form-header h2{font-size:22px}.update-form-modal form{padding:20px 18px 22px}.update-form-grid{grid-template-columns:1fr;gap:14px}.update-form-actions{grid-template-columns:1fr;display:grid}.cancel-button,.save-button{width:100%}}.kpi-funnel-card{margin-top:25px}.kpi-tab-content .kpi-funnel-card{width:100%}.weekly-tab-content{background:#fff;padding:30px}.weekly-tab-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.weekly-tab-header h2{color:#0d2c65;margin:0;font-size:25px}.weekly-tab-header p{color:#66758b;margin:7px 0 0}.weekly-add-form{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:22px;display:grid}.weekly-add-form input{color:#182943;border:1px solid #cad6e6;border-radius:10px;outline:none;width:100%;min-height:52px;padding:0 15px}.weekly-add-form input:focus{border-color:#2878ea;box-shadow:0 0 0 3px #2878ea1f}.weekly-add-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2879ed,#135bd4);border:0;border-radius:10px;min-height:52px;padding:0 22px;font-weight:700;box-shadow:0 8px 18px #1865db33}.weekly-tab-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;margin-top:20px;padding:25px;box-shadow:0 7px 22px #18355e12}.weekly-plan-item{color:#33415b;justify-content:space-between;align-items:center;gap:15px;line-height:1.45;display:flex}.weekly-task-content{cursor:pointer;flex:1;align-items:flex-start;gap:15px;min-width:0;display:flex}.weekly-task-content input{opacity:0;pointer-events:none;position:absolute}.weekly-task-text{word-break:break-word;flex:1;min-width:0}.weekly-plan-item.completed .weekly-task-text{color:#798499;text-decoration:line-through}.delete-weekly-task{color:#8a96a9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.delete-weekly-task:hover{color:#dc2626;background:#fff1f1;border-color:#fecaca}.weekly-empty-state{color:#7a879b;text-align:center;background:#f9fbfd;border:1px dashed #cdd8e6;border-radius:12px;padding:35px 20px}@media (width<=590px){.weekly-tab-content{padding:18px 14px 22px}.weekly-add-form{grid-template-columns:1fr}.weekly-add-form button{width:100%}.weekly-tab-card{padding:19px 15px}}.selected-location-line{color:#426080;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:14px;font-size:15px;line-height:1.45;display:flex}.selected-location-line>svg{color:#2878ea;flex:none}.selected-location-line>span{min-width:0}.change-location-button{color:#1764d7;white-space:nowrap;cursor:pointer;background:#eef6ff;border:1px solid #b8d2f7;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-left:4px;padding:0 15px;font-size:14px;font-weight:700;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 11px #1e69d31a}.change-location-button:hover{color:#fff;background:#2878ea;border-color:#2878ea;transform:translateY(-1px);box-shadow:0 7px 15px #1e69d333}.change-location-button:active{transform:translateY(0)}@media (width<=590px){.selected-location-line{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:11px 9px;margin-bottom:20px;display:grid}.selected-location-line>svg{margin-top:3px}.selected-location-line>span{line-height:1.5}.change-location-button{grid-column:2;width:fit-content;min-height:43px;margin:0;padding:0 18px;font-size:15px}}