.layout{min-height:100vh;display:flex}.sidebar{background-color:var(--color-sidebar);border-right:1px solid var(--color-border);flex-direction:column;width:240px;display:flex}.sidebar-logo{border-bottom:1px solid var(--color-border);padding:1.5rem}.sidebar-logo h2{color:var(--color-text);margin:0;font-size:1.25rem}.sidebar-nav{flex-direction:column;gap:2px;padding:.5rem;display:flex}.sidebar-link{color:var(--color-text-secondary);border-radius:6px;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .15s,color .15s;display:block}.sidebar-link:hover{background-color:var(--color-hover);color:var(--color-text)}.sidebar-link--active{background-color:var(--color-primary);color:#fff}.sidebar-link--active:hover{background-color:var(--color-primary-hover);color:#fff}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex}.header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg);justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex}.header-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.header-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.mobile-menu-button,.sidebar-backdrop{display:none}.header-user{align-items:center;gap:.5rem;display:flex}.header-user-name{color:var(--color-text-secondary);border-radius:var(--radius-sm);align-items:center;min-height:36px;padding:0 .25rem;font-size:.875rem;text-decoration:none;display:inline-flex}.header-alerts-badge{background:var(--color-error);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.header-alerts-badge:hover{text-decoration:none;transform:scale(1.1)}.header-user-name:hover{color:var(--color-primary);text-decoration:underline}.header-user-role{color:var(--color-text-secondary);background:var(--color-hover);border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.75rem}.sidebar-divider{background:var(--color-border);height:1px;margin:.5rem}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:.5rem 1rem .25rem;font-size:.6875rem;font-weight:600}.btn-ghost{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.375rem .75rem;font-size:.875rem}.btn-ghost:hover{background-color:var(--color-hover);color:var(--color-text)}.content{background-color:var(--color-bg-secondary);flex:1;padding:1.5rem;overflow-y:auto}@media (width<=900px){.sidebar{z-index:30;width:min(280px,85vw);box-shadow:var(--shadow-md);transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:20;background:#0f172a73;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:38px;height:38px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.header{gap:.5rem;height:auto;min-height:56px;padding:.5rem .75rem}.header-user-name,.header-user-role{display:none}.header-user .btn{padding-inline:.625rem}.content{padding:.75rem;overflow-x:hidden}}.login-page{background-color:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:2rem}.login-title{text-align:center;color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.login-subtitle{text-align:center;color:var(--color-text-secondary);margin:.25rem 0 1.5rem;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-error{border-radius:var(--radius-md);color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca;padding:.75rem;font-size:.875rem}.login-notice{border-radius:var(--radius-md);color:var(--color-text);background-color:#eff6ff;border:1px solid #bfdbfe;padding:.75rem;font-size:.875rem}.login-conflict{border-radius:var(--radius-md);color:var(--color-text);background-color:#fef9c3;border:1px solid #fde047;margin-top:1rem;padding:.875rem;font-size:.875rem}.login-conflict p{margin-bottom:.75rem}.form-field{flex-direction:column;gap:.375rem;display:flex}.form-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.login-btn{width:100%;margin-top:.5rem;padding:.625rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.card-title{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600}.card-body{padding:1.25rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:36px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{min-height:30px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.empty-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state-icon,.error-state-icon{margin-bottom:1rem;font-size:2.5rem}.empty-state-title,.error-state-title{color:var(--color-text);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-state-desc,.error-state-message{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.875rem}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton{background-color:var(--color-border);animation:1.5s ease-in-out infinite skeleton-pulse}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.625rem .75rem;font-size:.875rem}.table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.table tbody tr:hover{background-color:var(--color-hover)}.table tbody tr:last-child td{border-bottom:none}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);outline:none;width:100%;min-width:0;max-width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.badge{border-radius:var(--radius-sm);background:var(--color-hover);color:var(--color-text-secondary);padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-error{color:#991b1b;background:#fef2f2}.form-field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.form-field label{color:var(--color-text);font-size:.875rem;font-weight:500}.btn-sm{min-height:30px;padding:.25rem .5rem;font-size:.75rem}.metric-card{flex-direction:column;gap:.25rem;display:flex}.metric-card-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.metric-card-value{color:var(--color-text);font-size:1.75rem;font-weight:700;line-height:1.2}.metric-card-footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.metric-card-subtitle{color:var(--color-text-secondary);font-size:.8125rem}.widget-container{overflow:hidden}.widget-container>div{flex-direction:column;height:100%;display:flex}.widget-container .card{flex-direction:column;flex:1;min-height:0;display:flex}.widget-container .card-body{flex:1;min-height:0;overflow-y:auto}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-filters{align-items:center;gap:.75rem;display:flex}.dashboard-filters .form-input{min-width:150px}.react-grid-item{transition:all .2s}.react-grid-item.react-grid-placeholder{background:var(--color-primary);opacity:.2;border-radius:var(--radius-lg)}@media (width<=768px){.dashboard-toolbar,.dashboard-filters{flex-direction:column;align-items:stretch}.dashboard-filters .form-input{width:100%}}.modal-overlay{z-index:1000;animation:overlay-fade-in var(--duration-normal) var(--ease-out);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay-priority{z-index:1100}.modal-content{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);width:90%;max-width:500px;max-height:80vh;animation:modal-in var(--duration-normal) var(--ease-out);overflow:hidden auto}@keyframes overlay-fade-in{0%{background-color:#0000}to{background-color:#00000080}}@keyframes modal-in{0%{transform:scale(.96)translateY(6px)}to{transform:scale(1)translateY(0)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-header h3{margin:0;font-size:1rem;font-weight:600}.modal-body{min-width:0;padding:1.25rem;container-type:inline-size}.form-input-error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:.75rem}.btn-ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#dc2626}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:var(--color-text-secondary)}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.field-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.stack-form{flex-direction:column;gap:.875rem;display:flex}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.form-info-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem 0;display:flex}.form-textarea{resize:vertical;min-height:80px}.money-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.money-fieldset legend{color:var(--color-text-secondary);padding:0 .25rem;font-size:.75rem;font-weight:600}.schedule-row{grid-template-columns:minmax(64px,80px) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.schedule-row>*{min-width:0}.row-actions{flex-wrap:wrap;gap:.25rem;display:flex}.duplicate-warning{color:#854d0e;border-radius:var(--radius-md);background:#fef9c3;border:1px solid #fde047;padding:.75rem;font-size:.8125rem}.duplicate-warning ul{margin-top:.375rem;padding-left:1.1rem}.plain-list{flex-direction:column;gap:.25rem;list-style:none;display:flex}.contact-fields{flex-direction:column;gap:.5rem;display:flex}.contact-fields-header{justify-content:space-between;align-items:center;display:flex}.contact-row{grid-template-columns:minmax(100px,120px) minmax(0,1fr) auto auto;align-items:end;gap:.5rem;display:grid}.contact-row>*{min-width:0}@container (width<=420px){.contact-row{grid-template-columns:1fr 1fr;grid-template-areas:"type type""value value""primary remove"}.contact-row>:first-child{grid-area:type}.contact-row>:nth-child(2){grid-area:value}.contact-row>:nth-child(3){grid-area:primary}.contact-row>:nth-child(4){grid-area:remove;justify-self:end}}@media (width<=520px){.contact-row{grid-template-columns:1fr}.contact-primary{justify-content:flex-start}}.contact-primary{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.client-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.client-picker-tabs{gap:.375rem;display:flex}.client-picker-selected{background:var(--color-hover);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.client-picker-list{flex-direction:column;gap:.25rem;max-height:180px;list-style:none;display:flex;overflow-y:auto}.client-picker-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem;font-size:.8125rem;display:flex}.client-picker-item:hover{background:var(--color-hover)}.client-picker-item--active{border-color:var(--color-primary);background:#3b82f614}.client-picker-form{flex-direction:column;gap:.75rem;display:flex}.drawer-overlay{z-index:1000;animation:overlay-fade-in var(--duration-normal) var(--ease-out);background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--color-bg);width:min(440px,100%);height:100%;box-shadow:var(--shadow-md);animation:drawer-in var(--duration-normal) var(--ease-out);flex-direction:column;display:flex}.drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.drawer-header h3{margin:0;font-size:1rem}.drawer-body{min-width:0;padding:1.25rem;overflow-y:auto;container-type:inline-size}.pagination{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;font-size:.8125rem;display:flex}.pagination-actions{gap:.375rem;display:flex}.notifications-bell{margin-right:.5rem;position:relative}.notifications-toggle{position:relative}.notifications-badge{background:var(--color-error);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6875rem;display:inline-flex;position:absolute;top:-4px;right:-4px}.notifications-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:320px;max-height:420px;box-shadow:var(--shadow-md);z-index:1100;padding:.75rem;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notifications-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.notifications-empty{text-align:center;padding:.75rem 0;font-size:.8125rem}.notifications-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.notifications-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem}.notifications-item-title{font-size:.8125rem;font-weight:600}.notifications-item-body{color:var(--color-text-secondary);margin-top:.2rem;font-size:.75rem}.notifications-item-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin-top:.35rem;font-size:.6875rem;display:flex}.widgets-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.metric-stack{flex-direction:column;gap:.5rem;display:flex}.widget-empty{min-height:120px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.875rem;display:flex}.widget-unsupported{min-height:100px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.effective-plan{flex-direction:column;gap:.35rem;display:flex}.mt-1rem{margin-top:1rem}.meeting-row--due{background:#fef9c3}.meeting-row--due:hover{background:#fef08a}.meeting-row--overdue{background:#fef2f2}.meeting-row--overdue:hover{background:#fee2e2}@media (width<=900px){.widgets-grid{grid-template-columns:1fr}.widget-container{grid-column:span 1!important}.contact-row,.schedule-row{grid-template-columns:1fr}}.empty-state-action{justify-content:center;margin-top:.5rem;display:flex}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:700;line-height:1.4}.page-header-actions{align-items:center;gap:.75rem;display:flex}.page-lede{color:var(--color-text-secondary);margin:-.75rem 0 1.5rem;font-size:.875rem;line-height:1.5}.page-stack{flex-direction:column;gap:1rem;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.kpi-row{flex-wrap:wrap;gap:1.5rem;display:flex}.kpi-item-label{color:var(--color-text-secondary);font-size:.75rem}.kpi-item-value{font-size:1.5rem;font-weight:600;line-height:1.3}.kpi-item-value--ok{color:var(--color-success)}.kpi-item-value--warn{color:var(--color-error)}.notifications-toggle{min-width:40px;padding-left:.5rem;padding-right:.5rem}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch}}.chart-skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-hover) 25%, var(--color-bg-secondary) 50%, var(--color-hover) 75%);background-size:200% 100%;min-height:180px;animation:1.2s ease-in-out infinite chart-skeleton}@keyframes chart-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.chart-skeleton{animation:none}}:root{--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-success:#15803d;--color-warning:#b45309;--color-error:#b91c1c;--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-sidebar:#fff;--color-text:#0f172a;--color-text-secondary:#334155;--color-border:#e2e8f0;--color-hover:#f1f5f9;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.16s;--duration-normal:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.pwa-update-banner{z-index:3000;color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:min(520px,100vw - 2rem);padding:.75rem 1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a47}.offline-banner{z-index:2500;color:#fef2f2;text-align:center;background:#7f1d1d;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}