:root{--bg: #f3f5f7;--card: #ffffff;--border: #e1e6ea;--text: #131a24;--muted: #64707d;--primary: #22b8d1;--primary-dark: #1a94a8;--primary-light: #e5f8fb;--green: #059669;--red: #dc2626;--amber: #b45309;--sidebar-bg: #0a0f1c;--sidebar-bg-alt: #101a2e;--sidebar-text: #c3d0e0;--sidebar-text-dim: #8a99b0;--sidebar-active: #142236;--shadow-sm: 0 1px 2px rgba(10, 15, 28, .06);--shadow-md: 0 4px 16px rgba(10, 15, 28, .08);--modal-backdrop: rgba(15, 23, 42, .45);--link-dark: #f0a5a5;--dev-banner-height: 28px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.dev-banner{position:sticky;top:0;z-index:10000;height:var(--dev-banner-height);box-sizing:border-box;background:#7c1fd9;color:#fff;text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:calc(var(--dev-banner-height) - 2px)}.app-shell{display:flex;min-height:100vh;align-items:stretch}html.dev-env .sidebar{top:var(--dev-banner-height);height:calc(100vh - var(--dev-banner-height))}.sidebar{flex:none;width:232px;background:var(--sidebar-bg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width .15s}.sidebar.sidebar-hidden{width:40px}.sidebar-hide-toggle{position:absolute;top:16px;right:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#fff;cursor:pointer;z-index:2}.sidebar.sidebar-hidden .sidebar-hide-toggle{position:static;margin:16px auto 0}.sidebar-hide-toggle:hover{background:#ffffff38}.sidebar-brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{display:block;width:100%;max-width:168px;height:auto;margin:0 0 8px}.sidebar-brand h1{font-size:15px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:.01em}.sidebar-brand p{font-size:11.5px;line-height:1.5;color:var(--sidebar-text-dim);margin:0}.sidebar-collapse-all{display:block;background:none;border:none;padding:0;font-size:11.5px;font-weight:600;color:var(--sidebar-text-dim);cursor:pointer}.sidebar-collapse-all:hover{color:#fff}nav.sidebar-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:1px}nav.sidebar-nav button{display:flex;align-items:center;width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;color:var(--sidebar-text);padding:9px 13px;border-radius:6px;font-size:13.5px;cursor:pointer}nav.sidebar-nav button:hover{background:#ffffff0d;color:#fff}nav.sidebar-nav button.sidebar-group-toggle{justify-content:space-between;padding:6px 13px 4px;border-radius:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-text)}nav.sidebar-nav button.sidebar-group-toggle:hover{background:none;color:var(--sidebar-text)}nav.sidebar-nav button.active{background:var(--sidebar-active);border-left-color:var(--primary);color:#fff;font-weight:600}.sidebar-standalone-link{display:flex;align-items:center;width:calc(100% - 20px);margin:0 10px;text-align:left;background:none;border:none;border-left:3px solid transparent;border-top:1px solid rgba(255,255,255,.08);color:var(--sidebar-text);padding:12px 13px 10px;font-size:13.5px;cursor:pointer}.sidebar-standalone-link:hover{color:#fff}.sidebar-standalone-link.active{color:#fff;font-weight:600;border-left-color:var(--primary)}.sidebar-footer{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--sidebar-text-dim)}.automation-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:10px 20px;background:var(--sidebar-bg);color:#fff}.automation-header-brand{display:flex;align-items:center;gap:12px;font-size:15px}.automation-header-user{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--sidebar-text)}.automation-tabbar{display:flex;background:var(--sidebar-active)}.automation-tab{flex:1;text-align:center;background:none;border:none;border-bottom:3px solid transparent;color:var(--sidebar-text);padding:12px 10px;font-size:13.5px;font-weight:600;cursor:pointer}.automation-tab.active{color:#fff;border-bottom-color:var(--primary)}@media(max-width:560px){.automation-header-user-name{display:none}}.sidebar-footer b{color:#fff}.sidebar-footer button.link{color:var(--link-dark);padding:0;margin-top:4px}.link-on-dark{color:var(--link-dark)}.app-main{flex:1;min-width:0;overflow-x:auto}.app-content{max-width:1800px;padding:30px 24px 48px}h1{font-size:22px;margin:0 0 4px}h2,h3{color:var(--text)}.page-title{font-size:20px;font-weight:700;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 20px;font-size:13.5px;line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}button.btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;white-space:nowrap;cursor:pointer}button.btn:hover{background:var(--primary-dark)}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}button.link{background:none;border:none;color:var(--red);cursor:pointer;font-size:13px}label.field{display:block;margin-bottom:14px;font-size:13px;font-weight:600}label.field>span{display:block;margin-bottom:4px}label.field-checkbox{display:flex!important;flex:none!important;flex-direction:row;align-items:center;gap:7px;white-space:nowrap;min-width:0!important}label.field-checkbox span{display:inline;margin-bottom:0;white-space:nowrap}input[type=text],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=password],input[type=email],input[type=tel],input[type=search],select,textarea{width:100%;padding:8px 10px;border:1px solid #c4ccd0;border-radius:8px;font-size:14px;background:#fbfcfc;color:var(--text);box-shadow:inset 0 1px 2px #0f17160a;transition:border-color .15s ease,box-shadow .15s ease}textarea{font-family:inherit;resize:vertical}input[type=text]:hover,input[type=number]:hover,input[type=date]:hover,input[type=time]:hover,input[type=datetime-local]:hover,input[type=password]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=search]:hover,select:hover,textarea:hover{border-color:#97a3a8}input[type=text]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary);background:#fff}input[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--muted);cursor:default;box-shadow:none}.amount-input{position:relative}.amount-input span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}.amount-input input{padding-left:22px}input[type=file]{width:100%;font-size:13px;color:var(--muted)}input[type=file]::file-selector-button,input[type=file]::-webkit-file-upload-button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 14px;margin-right:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}input[type=file]::file-selector-button:hover,input[type=file]::-webkit-file-upload-button:hover{background:var(--primary-dark)}input[readonly]:hover,input[readonly]:focus{border-color:#c4ccd0;outline:none}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23667075' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex:none}button.btn.secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;background:var(--card)}table.resizable-cols{table-layout:fixed}table.resizable-cols th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:14px}table.resizable-cols td{overflow:hidden;overflow-wrap:break-word}.col-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:5}.col-resize-handle:hover,.col-resize-handle:active{background:var(--primary);opacity:.4}.num{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.pill.lg{padding:4px 14px;font-size:15px;font-weight:700}.pill.stripe{background:var(--primary-light);color:var(--primary)}.pill.bank{background:#ecfdf5;color:var(--green)}.pill.square{background:#f3e8ff;color:#7c3aed}.pill.night{background:var(--text);color:#fff}.pill.warn{background:#fef3c7;color:var(--amber)}.pill.danger{background:#fee2e2;color:var(--red)}.stats{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 0}.stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;min-width:140px}.stat b{display:block;font-size:21px;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:12px}.home-banner{background:linear-gradient(135deg,var(--sidebar-bg-alt),var(--sidebar-bg));color:#fff;border-radius:14px;padding:24px 28px;margin:4px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.home-banner-label{color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.home-banner-headline{font-size:19px;font-weight:600;margin-bottom:14px}.home-banner-side{text-align:right}.home-banner-side span{display:block;color:var(--sidebar-text);font-size:12px;margin-bottom:4px}.home-banner-side b{font-size:22px;font-variant-numeric:tabular-nums}.home-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px}.home-shortcut{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;text-align:left;transition:box-shadow .15s,border-color .15s,transform .15s}.home-shortcut:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-1px)}.home-shortcut-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--primary-light);color:var(--primary-dark)}.home-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:8px}.home-check-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:left;cursor:pointer;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .15s}.home-check-tile:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-1px)}.home-check-kpi{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:10px;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.home-check-kpi.good{background:#ecfdf5;color:var(--green)}.home-check-kpi.warn{background:#fef3c7;color:var(--amber)}.home-check-kpi.attn{background:#fee2e2;color:var(--red)}.home-check-label{font-size:13.5px;font-weight:600;color:var(--text)}.home-check-status{display:block;margin-top:-6px;font-size:12px;font-weight:400;color:var(--muted)}.home-check-count{flex:none;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.home-check-good .home-check-count{color:var(--green)}.home-check-attn .home-check-count{color:var(--amber)}.error{color:var(--red);font-size:13px;margin-top:8px}.ok{color:var(--green);font-size:13px;margin-top:8px}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1;min-width:220px}.table-wrap{max-height:calc(100vh - 340px);min-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}input.input-error{border-color:var(--red);background:#fef2f2}input.input-error:focus{outline-color:var(--red)}td input[type=text],td input[type=number],td input[type=date],td input[type=search],td select{padding:4px 6px;font-size:13px;min-width:90px}td select{padding-right:22px;background-position:right 6px center}.chip-strip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12px;cursor:pointer;color:var(--text)}.chip:hover{border-color:var(--primary)}.chip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.chip-dot{width:8px;height:8px;border-radius:999px;flex:none}.chip-dot.ok{background:var(--green)}.chip-dot.bad{background:var(--red)}tr.register-row{cursor:pointer}tr.register-row:hover{background:var(--primary-light)}tr.register-row td{vertical-align:middle}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.modal-dialog{background:var(--card);border-radius:12px;width:100%;max-width:640px;padding:20px 24px 24px;box-shadow:0 20px 60px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.modal-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 8px;border-top:1px solid var(--border);padding-top:14px}.modal-readonly-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;font-size:13px}.modal-readonly-grid div span{display:block;color:var(--muted);font-size:11px}.modal-footer{display:flex;justify-content:space-between;margin-top:20px}.autocomplete{position:relative}.autocomplete-list{z-index:200;max-height:260px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #0000002e}.autocomplete-option{padding:7px 10px;font-size:13px;font-weight:400;cursor:pointer;white-space:normal;line-height:1.35}.autocomplete-option.active{background:var(--primary-light);color:var(--primary)}.autocomplete-empty{padding:7px 10px;font-size:13px;color:var(--muted)}.wizard-steps{position:relative;display:flex;align-items:flex-start;margin-bottom:28px}.wizard-steps-line{position:absolute;top:17px;height:2px;background:var(--border);transform-origin:left}.wizard-steps-line.done{background:var(--primary)}.wizard-step{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:default}.wizard-step:disabled{cursor:default}.wizard-step:not(:disabled){cursor:pointer}.wizard-step-circle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:2px solid var(--border);background:var(--card);color:var(--muted);font-size:13px;font-weight:700}.wizard-step-label{font-size:12px;color:var(--muted);text-align:center;line-height:1.3}.wizard-step.done .wizard-step-circle{background:var(--primary);border-color:var(--primary);color:#fff}.wizard-step.done .wizard-step-label{color:var(--text)}.wizard-step.active .wizard-step-circle{border-color:var(--primary);color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 4px var(--primary-light)}.wizard-step.active .wizard-step-label{color:var(--text);font-weight:600}.goal-progress-track{background:var(--primary-light);border-radius:999px;height:14px;overflow:hidden;margin:10px 0 6px}.goal-progress-fill{background:var(--primary);height:100%;border-radius:999px;transition:width .3s ease}.goal-progress-label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}.match-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600}.match-badge.matched{background:var(--primary-light);color:var(--primary)}.match-badge.unmatched{background:#f3f4f6;color:var(--muted)}tr.clickable-row{cursor:pointer}tr.clickable-row:hover{background:var(--primary-light)}tr.clickable-row .row-chevron{color:var(--muted);text-align:right}.planner-line-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:6px;background:var(--bg);cursor:pointer;border:none;border-left:3px solid var(--primary);width:100%;text-align:left;font:inherit;color:inherit;transition:background-color .12s ease}.planner-line-row:hover{background:var(--primary-light)}.planner-line-row.planned{border-left-style:dashed;border-left-color:var(--muted)}.planner-line-row.fulfilled{opacity:.55}.planner-line-row .chevron{color:var(--muted);font-size:15px;flex:none}.planner-section-title{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--text)}.planner-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.planner-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.planner-stat-value{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}@media(max-width:900px){.planner-stat-cards{grid-template-columns:repeat(2,1fr)}}.planner-stat-note{font-size:10.5px;color:var(--muted);margin-top:2px}.planner-group{margin-bottom:6px;border-radius:8px;overflow:hidden}.planner-group-header{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-left:3px solid var(--primary);background:var(--bg);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background-color .12s ease}.planner-group-header:hover{background:var(--primary-light)}.planner-group-header .chevron{transition:transform .12s ease}.planner-group-header .chevron.open{transform:rotate(90deg)}.planner-group-body{padding:2px 8px 4px 33px}.planner-group-line{display:flex;align-items:center;gap:10px;width:100%;padding:5px 8px;border:none;border-radius:6px;background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left}.planner-group-line:hover{background:var(--primary-light)}.planner-bullet{margin-bottom:18px}.planner-bullet:last-child{margin-bottom:0}.planner-bullet-labels{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;margin-bottom:6px}.planner-bullet-track{position:relative;height:22px;background:var(--border);border-radius:6px;overflow:hidden}.planner-bullet-fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transition:width .2s ease}.planner-bullet-target{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text)}.planner-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:900px){.planner-columns{grid-template-columns:1fr}}.planner-add-btn{border:1px solid var(--primary);background:var(--primary-light);color:var(--primary);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600;cursor:pointer}.planner-add-btn:hover{background:var(--primary);color:#fff}.planner-summary-table{width:100%;border-collapse:collapse;font-size:14px}.planner-summary-table td{padding:7px 4px;border-bottom:1px solid var(--border)}.planner-summary-table tr:last-child td{border-bottom:none}.planner-summary-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.planner-summary-table tr.subtotal td{font-weight:700;border-top:2px solid var(--border);border-bottom:none}