@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{color:#1a1c1d;font-synthesis:none;--primary-color:#000666;--primary-hover:#1a237e;--primary-container:#e0e0ff;--on-primary-container:#1a237e;--active-red:#da3433;--active-red-bg:#ffebee;--surface:#f9f9fb;--surface-container-low:#f3f3f5;--surface-container-high:#e8e8ea;--surface-lowest:#fff;--outline:#767683;--outline-variant:#c6c5d4;--status-active-bg:#e8f5e9;--status-active-text:#1b5e20;--status-warn-bg:#e3f2fd;--status-warn-text:#0d47a1;--status-danger-bg:#ffebee;--status-danger-text:#b71c1c;background:#f9f9fb;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background-color:var(--surface);color:#1a1c1d;min-width:320px;margin:0}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.login-page{background:#fff;grid-template-columns:minmax(360px,1fr) minmax(360px,.85fr);min-height:100vh;display:grid}.login-panel{width:min(440px,100% - 48px);margin:auto;padding:48px 0}.brand-mark,.mini-mark{background:var(--primary-color);color:#fff;letter-spacing:.08em;border-radius:12px;place-items:center;font-weight:700;display:grid}.brand-mark{width:54px;height:54px;margin-bottom:24px;font-size:16px}.eyebrow{letter-spacing:.1em;color:#526078;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:8px;font-size:30px}h2{font-size:18px;font-weight:600}.login-intro,.dashboard-subtitle{color:#5e6470;font-size:14px;line-height:1.6}.login-form{gap:12px;margin-top:28px;display:grid}label{color:#333947;font-size:13px;font-weight:600}input,select,textarea{border:1px solid var(--outline-variant);color:#1a1c1d;background:#fff;border-radius:8px;outline:none;padding:11px 14px;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0006661a}.password-field{display:flex;position:relative}.password-field input{width:100%;padding-right:64px}.password-field .text-button{position:absolute;top:8px;right:8px}.text-button{color:var(--primary-color);background:0 0;border:0;padding:5px 8px;font-size:13px;font-weight:600}.text-button:hover{text-decoration:underline}.primary-button{background:var(--primary-color);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.primary-button:hover{background:var(--primary-hover)}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{border:1px solid var(--outline-variant);color:#333947;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.secondary-button:hover{background:var(--surface-container-high)}.form-error{color:#b42318;margin:4px 0;font-size:13px}.login-aside{color:#fff;background:linear-gradient(145deg,#000666,#00236f);flex-direction:column;justify-content:space-between;padding:64px clamp(34px,7vw,110px);display:flex}.login-aside .eyebrow{color:#b9cbff}.login-aside h2{letter-spacing:-.04em;max-width:480px;font-size:clamp(31px,4vw,44px);line-height:1.1}.login-aside p:not(.eyebrow){color:#d2dcfb;max-width:400px;line-height:1.6}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface-container-low);border-right:1px solid var(--outline-variant);z-index:40;flex-direction:column;width:256px;padding:20px 14px;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:72px;padding:20px 8px}.sidebar-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.sidebar-brand{align-items:center;gap:10px;transition:opacity .2s;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-header-row{flex-direction:column;gap:12px;margin-bottom:14px}.sidebar.collapsed .sidebar-brand-text{display:none}.sidebar-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.sidebar-toggle-btn:hover{color:var(--primary-color);background:#eff6ff;border-color:#93c5fd}.sidebar-new-call-btn{background:var(--primary-color);color:#fff;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:18px;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #00066633}.sidebar-new-call-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.sidebar.collapsed .sidebar-new-call-btn{border-radius:50%;width:44px;height:44px;margin:0 auto 18px;padding:0}.sidebar nav{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.nav-item{text-align:left;color:#454652;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface-container-high);color:var(--primary-color)}.nav-item.active{background:var(--primary-container);color:var(--primary-color);border-left:4px solid var(--primary-color);font-weight:700}.nav-item .material-symbols-outlined{font-size:20px}.nav-item span:not(.material-symbols-outlined){flex:1}.nav-group{width:100%}.nav-item-parent{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-item-parent.parent-active{color:var(--primary-color);background:#0006660f;font-weight:600}.nav-item-parent.opened{background:#f1f5f9}.nav-arrow{color:#64748b;margin-left:auto;font-size:20px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.subnav{border-left:2px dashed #cbd5e1;flex-direction:column;gap:3px;margin-top:4px;margin-bottom:6px;margin-left:20px;padding-left:10px;animation:.25s cubic-bezier(.16,1,.3,1) subnavSlide;display:flex}@keyframes subnavSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.subnav-item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .2s;display:flex;position:relative}.subnav-item:hover{color:var(--primary-color,#000666);background:#f1f5f9;transform:translate(3px)}.subnav-item.active{color:var(--primary-color,#000666);border-left:3px solid var(--primary-color,#000666);background:#e0e7ff;font-weight:700}.subnav-icon{color:#64748b;font-size:16px!important}.subnav-item.active .subnav-icon,.subnav-item:hover .subnav-icon{color:var(--primary-color,#000666)}.sidebar-footer{border-top:1px solid var(--outline-variant);flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;display:flex}.logout-button{color:#5a6271;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.logout-button:hover{color:#b71c1c;background:#ffebee}table,.data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--outline-variant,#cbd5e1);background:#fff;border-radius:10px;width:100%;margin-top:12px;overflow:visible}table th,.data-table th{text-align:left;color:#fff!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:#000666!important;border-bottom:2px solid #000444!important;border-right:1px solid #ffffff26!important;padding:14px 16px!important;font-size:14px!important;font-weight:800!important}table th:last-child,.data-table th:last-child{border-right:none!important}table td,.data-table td{vertical-align:middle;color:#1e293b!important;border-bottom:1px solid #e2e8f0!important;border-right:1px solid #f1f5f9!important;padding:12px 16px!important;font-size:13.5px!important;font-weight:400!important}table td:last-child,.data-table td:last-child{border-right:none!important}table tbody tr:nth-child(2n),.data-table tbody tr:nth-child(2n){background-color:#f8fafc!important}table tbody tr:nth-child(odd),.data-table tbody tr:nth-child(odd){background-color:#fff!important}table tbody tr:hover,.data-table tbody tr:hover{background-color:#f1f5f9!important}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-item span:not(.material-symbols-outlined),.sidebar.collapsed .nav-arrow{display:none}.sidebar.collapsed .subnav{border-left:none;margin-left:0;padding-left:0}.sidebar.collapsed .subnav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .subnav-item span:not(.material-symbols-outlined){display:none}.sidebar.collapsed .sidebar-footer .logout-button{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-footer .logout-button span:not(.material-symbols-outlined){display:none}.dashboard-main{width:calc(100% - 256px);max-width:1560px;margin-left:256px;padding:32px clamp(20px,4vw,48px);transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1)}.app-shell.sidebar-collapsed .dashboard-main{width:calc(100% - 72px);margin-left:72px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.topbar h1{margin:0;font-size:26px;font-weight:700}.profile-chip{align-items:center;gap:10px;display:flex}.profile-chip strong{font-size:13px;display:block}.profile-chip small{color:#687181;font-size:11px}.avatar{background:var(--primary-container);width:38px;height:38px;color:var(--primary-color);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a}.metric-card{gap:6px;padding:20px;display:grid}.metric-card strong{letter-spacing:-.04em;color:var(--primary-color);font-size:28px}.metric-card span{color:#566071;font-size:13px}.metric-card i{color:var(--status-active-text);font-size:11px;font-style:normal;font-weight:600}.panel{padding:24px}.panel h2{margin-bottom:18px;font-size:17px;font-weight:600}.master-grid{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:20px;display:grid}.master-form{gap:12px;display:grid}.master-form label{gap:5px;display:grid}.master-list{flex-direction:column;display:flex}.master-row{border-bottom:1px solid var(--surface-container-high);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.master-row strong,.master-row small{display:block}.master-row small{color:#697386;margin-top:3px;font-size:12px}.status-chip{color:var(--status-active-text);background:var(--status-active-bg);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.wizard-steps-bar{border:1px solid var(--outline-variant);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;display:flex;position:relative}.step-chip{color:#767683;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.step-chip span{background:var(--surface-container-high);color:#566071;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.step-chip.active{color:var(--primary-color)}.step-chip.active span{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #0006664d}.step-chip.done span{background:var(--status-active-bg);color:var(--status-active-text)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-content{background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-content.modal-xxl{width:min(1020px,95vw);max-width:1080px}.modal-content.modal-xl{width:min(840px,90vw)}.modal-content.modal-lg{width:min(720px,90vw)}.page-actions{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.table-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-head input{max-width:280px}@media (width<=800px){.sidebar{width:68px;padding:16px 8px}.sidebar-brand div,.sidebar-brand small,.nav-item span:not(.material-symbols-outlined){display:none}.dashboard-main{width:calc(100% - 68px);margin-left:68px;padding:20px 16px}.metric-grid,.master-grid{grid-template-columns:1fr}}.qr-print-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px;display:grid}.qr-card{text-align:center;page-break-inside:avoid;background:#fff;border:2px solid #000666;border-radius:12px;padding:18px;position:relative;box-shadow:0 4px 12px #0000000f}.qr-card-header{border-bottom:2px solid #e0e0ff;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.qr-card-brand{color:#000666;letter-spacing:.05em;font-size:13px;font-weight:800}.qr-code-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:6px 0;padding:12px;display:inline-block}.qr-card-title{color:#0f172a;margin:6px 0 2px;font-size:15px;font-weight:700}.qr-card-code{color:#000666;background:#e0e0ff;border-radius:4px;margin-bottom:6px;padding:3px 8px;font-family:monospace;font-size:13px;font-weight:700;display:inline-block}.qr-card-meta{color:#64748b;font-size:11px;line-height:1.4}@media print{html,body{color:#000!important;background:#fff!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body *{visibility:hidden!important}.print-only-area,.print-only-area *,.qr-print-grid,.qr-print-grid *,.qr-card,.qr-card *,#printable-visit-sheet,#printable-visit-sheet *{visibility:visible!important}.modal-backdrop,.modal-content,.modal-card,.print-only-area{width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;top:0!important;left:0!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;overflow:visible!important}.no-print,.modal-header,.modal-footer,.sidebar,.topbar{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.qr-print-grid{box-sizing:border-box!important;background:#fff!important;grid-template-columns:calc(50% - 6px) calc(50% - 6px)!important;gap:12px!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.qr-card{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;color:#000!important;box-sizing:border-box!important;background:#fff!important;border:1.5px solid #000!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10px 8px!important;overflow:hidden!important}.qr-code-wrapper svg{max-width:140px!important;height:auto!important}#printable-visit-sheet{color:#000!important;box-sizing:border-box!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif!important;display:block!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}tr,td,th,.pdf-remark-box,.pdf-signatures,.pdf-sig-col{page-break-inside:avoid!important;break-inside:avoid!important}@page{size:A4 portrait;margin:8mm}}
