:root{--fs-green: #35B729;--fs-green-dark: #2a9421;--fs-yellow: #F8FB22;--fs-light-green: #62D957;--fs-pale-yellow: #FAFC7A;--ink: #141414;--muted: #6b6f6a;--line: #e3e6e2;--bg: #ffffff;--bg-soft: #f6f8f5;--rag-green-bg: #e2f7de;--rag-green-fg: #1d6f16;--rag-yellow-bg: #fbf9d4;--rag-yellow-fg: #7a6c00;--rag-red-bg: #fde5e2;--rag-red-fg: #a4271a;--danger: #c0392b;--radius: 10px;--shadow: 0 1px 3px rgba(20, 20, 20, .08)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.05rem;margin:0}a{color:var(--fs-green-dark)}code{background:var(--bg-soft);padding:1px 5px;border-radius:4px;font-size:.9em}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:3px solid var(--fs-green);background:var(--bg);position:sticky;top:0;z-index:30}.topbar-logo{height:36px;width:auto}.topbar-title{display:flex;flex-direction:column;line-height:1.15}.topbar-org{color:var(--muted);font-size:.8rem}.hamburger{display:none;background:none;border:1.5px solid var(--ink);border-radius:8px;font-size:1.1rem;padding:4px 10px;cursor:pointer}.app-body{display:flex;flex:1;min-height:0}.sidenav{width:200px;flex-shrink:0;padding:16px 10px;border-right:1px solid var(--line);background:var(--bg-soft);display:flex;flex-direction:column;gap:2px}.navlink{padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500}.navlink:hover{background:#ecf1ea}.navlink.active{background:var(--fs-green);color:#fff}.main{flex:1;padding:20px;min-width:0}.page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.kpi-card{border:1px solid var(--line);border-left:5px solid var(--fs-green);border-radius:var(--radius);padding:12px 14px;background:var(--bg);box-shadow:var(--shadow)}.kpi-name{color:var(--muted);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.kpi-value{font-size:1.6rem;font-weight:700;margin:2px 0}.kpi-delta{font-size:.8rem;color:var(--muted)}.delta-good{color:var(--rag-green-fg)}.delta-bad{color:var(--rag-red-fg)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:var(--bg-soft);font-weight:600;position:sticky;top:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{background:#ecf1ea}.data-table .sticky-col{position:sticky;left:0;background:var(--bg);z-index:1}.data-table th.sticky-col{background:var(--bg-soft);z-index:2}.rag-green{background:var(--rag-green-bg);color:var(--rag-green-fg)}.rag-yellow{background:var(--rag-yellow-bg);color:var(--rag-yellow-fg)}.rag-red{background:var(--rag-red-bg);color:var(--rag-red-fg)}.row-flag{background:var(--rag-red-bg)}.row-muted{opacity:.55}.row-actions{display:flex;gap:6px}.override-dot{margin-left:4px;font-size:.8em;color:var(--fs-green-dark)}.input{padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:var(--bg);width:100%;max-width:100%;min-height:40px}.input:focus{outline:2px solid var(--fs-light-green);border-color:var(--fs-green)}select.input{min-width:120px}label{display:flex;flex-direction:column;gap:4px;font-weight:500;font-size:.9rem}label.check{flex-direction:row;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;min-height:40px;border-radius:8px;cursor:pointer;border:1.5px solid var(--ink);background:var(--bg);color:var(--ink);font:inherit;font-weight:600;text-decoration:none}.btn:hover{background:var(--bg-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--fs-green);border-color:var(--fs-green-dark);color:#fff}.btn-primary:hover{background:var(--fs-green-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-small{padding:5px 10px;min-height:32px;font-size:.82rem}.linklike{background:none;border:none;color:var(--fs-green-dark);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.form-row .input{width:auto;flex:1 1 160px}.form-row .btn{flex:0 0 auto}.muted{color:var(--muted)}.small{font-size:.82rem}.month-select{width:auto}.cell-input{max-width:110px;text-align:right}.cell-overridden{border-color:var(--fs-green);background:var(--rag-green-bg)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em}.tag-ok{background:var(--rag-green-bg);color:var(--rag-green-fg)}.tag-skip{background:#eceff0;color:var(--muted)}.tag-nomatch{background:var(--rag-red-bg);color:var(--rag-red-fg)}.tag-create{background:var(--fs-pale-yellow);color:#6a5f00}.banner{padding:10px 14px;border-radius:8px;margin:8px 0;font-size:.9rem}.banner-error{background:var(--rag-red-bg);color:var(--rag-red-fg)}.banner-success{background:var(--rag-green-bg);color:var(--rag-green-fg)}.banner-warn{background:var(--rag-yellow-bg);color:var(--rag-yellow-fg)}.banner-info{background:#e4eef8;color:#1e5a8a}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{border:2px dashed var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg-soft)}.import-log{margin:8px 0;padding-left:20px}.import-log li{margin-bottom:6px}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--line);padding-bottom:8px}.tab{padding:7px 14px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem}.tab.active{background:var(--fs-green);color:#fff}.kpi-editor{background:var(--bg-soft);border-radius:8px;padding:12px;margin:10px 0;display:flex;flex-direction:column;gap:12px}.kpi-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.danger-zone{border:1.5px solid var(--danger);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.full-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-bg{background:linear-gradient(160deg,var(--bg) 55%,var(--rag-green-bg))}.auth-card{width:100%;max-width:400px;background:var(--bg);border:1px solid var(--line);border-top:5px solid var(--fs-green);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:12px}.auth-logo{height:56px;width:auto;object-fit:contain;align-self:flex-start}.auth-card h1{font-size:1.25rem}.chart-box{width:100%}.spinner{width:28px;height:28px;margin:24px auto;border-radius:50%;border:3px solid var(--line);border-top-color:var(--fs-green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.two-col,.upload-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hamburger{display:block}.sidenav{position:fixed;top:59px;left:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform .18s ease;width:230px;box-shadow:4px 0 14px #0000001f}.sidenav.open{transform:translate(0)}.main{padding:12px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.kpi-value{font-size:1.3rem}th,td{padding:7px 8px}.form-row{flex-direction:column;align-items:stretch}.form-row .input{width:100%}}