:root{--br: #2EAF78;--brd: #1D9E75;--brdd: #0F6E56;--brl: #E8F8F2;--brm: #B8EAD8;--sf: #F5F6F5;--sf2: #ECEEED;--wh: #FFFFFF;--t1: #0F1511;--t2: #5A6B62;--t3: #92A098;--bd: #E2E8E4;--bd2: #C8D4CE;--red: #E5484D;--redl: #FEF0F0;--amb: #E07B1A;--ambl: #FEF3EC;--blu: #3B6FD4;--blul: #EEF2FF;--rsm: 8px;--rmd: 12px;--rlg: 16px;--rxl: 24px;--s1: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--s2: 0 4px 16px rgba(0,0,0,.08);--s3: 0 12px 40px rgba(0,0,0,.12);--nav-w: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:DM Sans,sans-serif;background:var(--sf);color:var(--t1);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px}.splash{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--sf)}.spinner{width:32px;height:32px;border:3px solid var(--brm);border-top-color:var(--br);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--nav-w);background:var(--wh);border-right:1px solid var(--bd);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;box-shadow:var(--s1)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 20px;height:60px;border-bottom:1px solid var(--bd);flex-shrink:0}.sidebar-brand img{width:30px;height:30px;border-radius:8px;object-fit:cover}.sidebar-brand-text{font-size:13px;font-weight:600;color:var(--t1)}.sidebar-brand-sub{font-size:10px;color:var(--t3);margin-top:1px}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 20px;font-size:13px;font-weight:500;color:var(--t2);text-decoration:none;transition:all .12s;border-left:3px solid transparent}.sidebar-nav a:hover{background:var(--sf);color:var(--t1)}.sidebar-nav a.active{background:var(--brl);color:var(--brdd);border-left-color:var(--br);font-weight:600}.sidebar-nav a svg{flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--bd)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--sf);border-radius:var(--rmd);cursor:pointer}.user-av{width:30px;height:30px;border-radius:50%;background:var(--brl);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--brdd);flex-shrink:0}.user-name{font-size:12px;font-weight:500;color:var(--t1)}.user-role{font-size:10px;color:var(--t3)}.main-content{margin-left:var(--nav-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--wh);border-bottom:1px solid var(--bd);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:100;box-shadow:var(--s1);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-title{font-size:15px;font-weight:600;letter-spacing:-.2px}.topbar-sub{font-size:12px;color:var(--t3);font-family:DM Mono,monospace}.topbar-account{display:none;align-items:center;gap:6px;background:var(--sf);border:1px solid var(--bd);border-radius:999px;padding:3px 10px 3px 3px;cursor:pointer;color:var(--t2);font-family:DM Sans,sans-serif}.topbar-account:hover{background:var(--sf2)}.topbar-account-av{width:24px;height:24px;border-radius:50%;background:var(--brl);color:var(--brdd);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.back-btn{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--brd);background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;padding:4px 0}.page{padding:24px 28px 60px;max-width:900px}.page-wide{padding:24px 28px 60px}.hero{background:var(--br);padding:24px 28px;position:relative;overflow:hidden;border-radius:var(--rlg);margin-bottom:16px;box-shadow:var(--s1)}.hero:before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;background:#ffffff14;border-radius:50%}.hero-greeting{font-size:12px;color:#ffffffbf;margin-bottom:2px}.hero-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.hero-sub{font-size:11px;color:#ffffffa6;margin-top:3px;font-family:DM Mono,monospace}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;position:relative}.hero-stat{background:#ffffff29;border-radius:var(--rsm);padding:10px 12px}.hero-stat-val{font-size:22px;font-weight:700;color:#fff;line-height:1}.hero-stat-lbl{font-size:10px;color:#ffffffb3;margin-top:2px}.card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rlg);padding:16px 18px;margin-bottom:12px;box-shadow:var(--s1)}.card-title{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:12px}.slbl{font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;margin-top:20px}.slbl:first-child{margin-top:0}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (min-width: 600px){.qa-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.qa-grid{grid-template-columns:repeat(6,1fr)}}.qa-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rmd);padding:14px;cursor:pointer;transition:all .15s;box-shadow:var(--s1);text-decoration:none;display:block}.qa-card:hover{border-color:var(--brm);box-shadow:var(--s2);transform:translateY(-1px)}.qa-icon{width:34px;height:34px;border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;margin-bottom:9px}.qa-title{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:2px}.qa-sub{font-size:11px;color:var(--t3)}.ig{background:var(--brl)}.ia{background:var(--ambl)}.ib{background:var(--blul)}.ip{background:#f5f0ff}.ix{background:var(--sf2)}.list-item{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid var(--bd);gap:11px;cursor:pointer;transition:all .1s;text-decoration:none;color:inherit}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--sf);border-radius:var(--rsm);padding-left:8px;padding-right:8px;margin:0 -8px}.li-badge{width:38px;height:38px;background:var(--sf2);border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--t2);font-family:DM Mono,monospace;flex-shrink:0}.li-badge.done{background:var(--brl);color:var(--brdd)}.li-badge.pend{background:var(--redl);color:var(--red)}.li-info{flex:1;min-width:0}.li-name{font-size:13px;font-weight:600;color:var(--t1)}.li-sub{font-size:11px;color:var(--t2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-right{text-align:right;flex-shrink:0}.li-val{font-size:13px;font-weight:600;color:var(--t1)}.li-hint{font-size:10px;color:var(--t3);margin-top:1px}.pbar{height:3px;background:var(--sf2);border-radius:2px;overflow:hidden;margin-top:5px}.pbar-fill{height:100%;border-radius:2px;background:var(--br);transition:width .3s}.pbar-fill.warn{background:var(--amb)}.pbar-fill.danger{background:var(--red)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.pill-dot{width:5px;height:5px;border-radius:50%}.pill-green{background:var(--brl);color:var(--brdd)}.pill-green .pill-dot{background:var(--br)}.pill-amber{background:var(--ambl);color:var(--amb)}.pill-amber .pill-dot{background:var(--amb)}.pill-red{background:var(--redl);color:var(--red)}.pill-red .pill-dot{background:var(--red)}.pill-grey{background:var(--sf2);color:var(--t2)}.pill-grey .pill-dot{background:var(--t3)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media (min-width: 600px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rlg);padding:14px 16px;box-shadow:var(--s1)}.kpi-lbl{font-size:11px;color:var(--t3);margin-bottom:4px}.kpi-val{font-size:22px;font-weight:700;color:var(--t1);letter-spacing:-.3px;line-height:1}.kpi-sub{font-size:11px;color:var(--t3);margin-top:3px}.form-section{background:var(--wh);border:1px solid var(--bd);border-radius:var(--rlg);padding:16px 18px;margin-bottom:12px;box-shadow:var(--s1)}.form-section-title{font-size:11px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--bd)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.form-full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{font-size:10px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.05em}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--bd);border-radius:var(--rsm);font-size:14px;font-family:DM Sans,sans-serif;color:var(--t1);background:var(--wh);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--br);box-shadow:0 0 0 3px #2eaf781a}.field input[readonly]{background:var(--sf);color:var(--t2);cursor:default}.field input.computed{background:var(--brl);color:var(--brdd);font-weight:600}.field .hint{font-size:10px;color:var(--t3)}.computed-block{background:var(--brl);border:1px solid var(--brm);border-radius:var(--rmd);padding:12px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}.cb-label{font-size:9px;color:var(--brdd);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.cb-val{font-size:17px;font-weight:700;color:var(--brdd)}.cb-na{font-size:12px;color:var(--t3);font-style:italic}.btn-primary{width:100%;padding:13px;background:var(--br);color:#fff;border:none;border-radius:var(--rsm);font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--brd)}.btn-primary:disabled{background:var(--bd2);cursor:not-allowed}.btn-secondary{padding:8px 16px;background:var(--sf2);color:var(--t1);border:1px solid var(--bd);border-radius:var(--rsm);font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--brm);background:var(--brl);color:var(--brdd)}.btn-icon{width:34px;height:34px;border-radius:var(--rsm);background:none;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t2);transition:all .15s}.btn-icon:hover{border-color:var(--brm);background:var(--brl);color:var(--brdd)}.sticky-submit{position:sticky;bottom:0;background:var(--wh);border-top:1px solid var(--bd);padding:14px 28px;z-index:50}.search-bar{display:flex;align-items:center;gap:8px;background:var(--wh);border:1px solid var(--bd);border-radius:var(--rsm);padding:9px 12px;margin-bottom:12px;box-shadow:var(--s1)}.search-bar input{flex:1;border:none;outline:none;font-size:13px;font-family:DM Sans,sans-serif;color:var(--t1);background:transparent}.search-bar input::placeholder{color:var(--t3)}.settings-list-item{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--wh);border:1px solid var(--bd);border-radius:var(--rmd);cursor:pointer;transition:all .1s;margin-bottom:4px;text-decoration:none;color:inherit}.settings-list-item:hover{border-color:var(--brm);background:var(--brl)}.sli-left{display:flex;align-items:center;gap:12px}.sli-icon{width:34px;height:34px;border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sli-name{font-size:14px;font-weight:500;color:var(--t1)}.sli-sub{font-size:11px;color:var(--t3);margin-top:1px}.filter-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.filter-tab{padding:5px 12px;border:1px solid var(--bd);border-radius:20px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;background:var(--wh);color:var(--t2);transition:all .15s}.filter-tab.active{background:var(--br);color:#fff;border-color:var(--br)}.eff-bar-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--bd)}.eff-bar-row:last-child{border-bottom:none}.eff-bar-label{font-size:11px;font-weight:600;width:80px;flex-shrink:0;font-family:DM Mono,monospace}.eff-bar-track{flex:1;height:6px;background:var(--sf2);border-radius:3px;overflow:hidden}.eff-bar-fill{height:100%;border-radius:3px}.eff-bar-pct{font-size:12px;font-weight:600;width:42px;text-align:right;flex-shrink:0}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.toast{background:var(--t1);color:#fff;padding:11px 18px;border-radius:var(--rmd);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:var(--s3);animation:toastIn .2s ease,toastOut .2s ease 2.4s forwards;white-space:nowrap}.toast-check{width:18px;height:18px;background:var(--br);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.att-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (min-width: 600px){.att-grid{grid-template-columns:repeat(8,1fr)}}.att-cell{background:var(--sf);border-radius:var(--rsm);padding:9px 6px;text-align:center}.att-val{font-size:17px;font-weight:600;color:var(--t1)}.att-lbl{font-size:9px;color:var(--t3);margin-top:1px;text-transform:uppercase;letter-spacing:.04em}.att-cell.total{background:var(--brl)}.att-cell.total .att-val{color:var(--brdd)}.ot-toggle{width:40px;height:22px;background:var(--sf2);border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.ot-toggle.on{background:var(--br)}.ot-toggle-dot{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:left .2s}.ot-toggle.on .ot-toggle-dot{left:21px}.error-msg{background:var(--redl);border:1px solid #F7C1C1;border-radius:var(--rmd);padding:12px 14px;font-size:13px;color:var(--red);margin-bottom:14px}.info-msg{background:var(--brl);border:1px solid var(--brm);border-radius:var(--rmd);padding:12px 14px;font-size:13px;color:var(--brdd);margin-bottom:14px}.empty-state{text-align:center;padding:48px 24px;color:var(--t3)}.empty-state-icon{font-size:36px;margin-bottom:12px}.empty-state-text{font-size:14px;font-weight:500;color:var(--t2)}.empty-state-sub{font-size:12px;margin-top:4px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--wh);border-top:1px solid var(--bd);padding:8px 0 4px;z-index:150}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;padding:4px 0;color:var(--t3)}.bottom-nav a.active{color:var(--br)}.bottom-nav a span{font-size:10px;font-weight:500}.bottom-nav a.active span{font-weight:600}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:60px}.bottom-nav{display:flex}.page,.page-wide{padding:16px 16px 80px}.topbar{padding:0 16px}.topbar-account{display:flex}.sticky-submit{padding:12px 16px}.hero{padding:20px 16px}.kpi-grid{grid-template-columns:1fr 1fr}}.skeleton{background:linear-gradient(90deg,var(--sf2) 25%,var(--sf) 50%,var(--sf2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--rsm)}@keyframes shimmer{to{background-position:-200% 0}}.divider{height:1px;background:var(--bd);margin:16px 0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.page-header-title{font-size:16px;font-weight:700;letter-spacing:-.2px}.page-header-sub{font-size:12px;color:var(--t2);margin-top:2px}