:root{--tsi-green: #2e7d4f;--tsi-green-dark: #1f5638;--ink: #14201c;--muted: #51605a;--line: #d3dbd7;--bg: #eef2f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--tsi-green-dark)}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:600}.brand-logo{height:32px;width:auto}.brand-tsi{color:var(--muted);font-weight:400}.header-right{display:flex;align-items:center;gap:1rem}.user-chip{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.9rem}.role-tag{font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem}.app-nav{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 1.5rem;background:#fff;border-bottom:1px solid var(--line)}.nav-link{padding:.7rem .85rem;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;font-size:.92rem}.nav-link.active{color:var(--tsi-green-dark);border-bottom-color:var(--tsi-green);font-weight:600}.app-main{padding:1.5rem;max-width:1100px;margin:0 auto}.page-loading{padding:3rem;text-align:center;color:var(--muted)}.page h1{margin:0 0 .25rem;font-size:1.4rem}.page .page-sub{margin:0 0 1.25rem;color:var(--muted)}.stub-note{border:1px dashed var(--line);background:#fff;border-radius:10px;padding:1.25rem 1.5rem;color:var(--muted)}.stub-note strong{color:var(--ink)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:2rem}.login-card h1{margin:0 0 1.25rem;font-size:1.25rem}.login-brand{text-align:center;margin-bottom:1.25rem}.login-brand h1{margin:0}.login-logo{max-height:56px;width:auto;margin-bottom:.5rem}.login-tsi{margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.field{display:block;margin-bottom:.9rem}.field span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.field input{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;font-size:1rem}.btn{width:100%;padding:.65rem 1rem;border:none;border-radius:8px;background:var(--tsi-green);color:#fff;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn-link{background:none;border:none;color:var(--tsi-green-dark);cursor:pointer;font-size:.9rem;padding:0}.form-error{color:#b3261e;font-size:.88rem;margin:0 0 .9rem}.form-note{color:var(--tsi-green-dark);font-size:.88rem;margin:0 0 .9rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.btn-inline{width:auto;padding:.5rem .9rem}.btn-secondary{width:auto;padding:.5rem .9rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}.btn-secondary:disabled{opacity:.6;cursor:default}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #14201c0f}.form-card{margin-bottom:1.25rem}.card-title{margin:0 0 1rem;font-size:1.05rem}.form-grid{display:grid;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.field select{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;font-size:1rem;background:#fff}.field input:disabled{background:var(--bg);color:var(--muted)}.form-actions{display:flex;gap:.6rem;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #14201c0f}.data-table th,.data-table td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--line);font-size:.92rem}.data-table th{background:#eaefec;color:var(--ink);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--line)}.data-table tbody tr:hover{background:#f4f7f5}.data-table tr:last-child td{border-bottom:none}.empty-row{text-align:center;color:var(--muted);padding:1.5rem}.row-actions{display:flex;gap:.75rem;white-space:nowrap}.btn-link.danger{color:#b3261e}.muted-note{color:var(--muted);font-size:.85rem}.data-table .role-tag{margin-left:.4rem}.head-actions{display:flex;gap:.6rem;align-items:center}.field textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical}.inline-field{margin-bottom:0}.inline-field span{display:inline-block;margin-right:.4rem}.status-pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid var(--line);background:var(--bg)}.status-nis{background:#fff4e5;border-color:#f0c987}.status-in-service{background:#e6f4ec;border-color:#a6d6ba}.status-on-hold{background:#fdeaea;border-color:#e9a8a8}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.file-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.85rem 1.1rem}.report-row{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.report-row .file-row{border:none;border-radius:0}.nested-table{border:none;border-top:1px solid var(--line);border-radius:0}.year-group{margin-bottom:1.5rem}.import-errors ul{margin:.5rem 0 0;padding-left:1.2rem;color:#b3261e;font-size:.88rem}.import-errors li{margin-bottom:.2rem}.dash-hero{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.5rem;padding:1.4rem 1.6rem;border-radius:16px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.16),transparent 55%),linear-gradient(120deg,var(--tsi-green-dark),var(--tsi-green) 65%,#3a9460);box-shadow:0 10px 30px #1f563838}.dash-hero-text{flex:1}.dash-hero h1{margin:0 0 .15rem;color:#fff;font-size:1.55rem}.dash-hero-text p{margin:0;color:#ffffffd9;font-size:.95rem}.dash-hero-date{font-size:.82rem;color:#fffc;text-align:right;align-self:flex-start}.dash-hero-logo{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:#fffffff2;color:var(--tsi-green-dark);font-weight:700;font-size:1.2rem;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #0000001f}.dash-hero-logo img{width:100%;height:100%;object-fit:contain;padding:6px;background:#fff}.stat-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{position:relative;display:flex;flex-direction:column;gap:.3rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.25rem;text-decoration:none;color:inherit;overflow:hidden;transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease}.stat-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c25221a}.stat-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;margin-bottom:.35rem}.stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.stat-value{font-size:2.1rem;font-weight:750;line-height:1.05}.stat-value-sm{font-size:1.2rem}.stat-hint{font-size:.82rem;color:var(--muted)}.stat-skel{display:inline-block;width:2.5ch;height:1.8rem;border-radius:6px;background:linear-gradient(90deg,#eef1f0,#f7f9f8,#eef1f0);background-size:200% 100%;animation:skel 1.2s ease-in-out infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.accent-green:after{background:var(--tsi-green)}.accent-amber:after{background:#e0a23b}.accent-red:after{background:#d2685f}.accent-blue:after{background:#4a7fb5}.accent-slate:after{background:#7d8a93}.icon-green{background:#e6f4ec;color:var(--tsi-green-dark)}.icon-amber{background:#fdf2dd;color:#b27d1e}.icon-red{background:#fdeaea;color:#b5483f}.icon-blue{background:#e8f0f9;color:#3a6391}.icon-slate{background:#eef1f3;color:#5b6770}.breakdown-card{margin-bottom:1.5rem}.breakdown-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.breakdown-total{font-size:.82rem;color:var(--muted);font-weight:600}.breakdown{display:flex;flex-direction:column;gap:.7rem}.breakdown-row{display:grid;grid-template-columns:90px 1fr 34px 42px;align-items:center;gap:.75rem}.breakdown-label{font-size:.85rem;color:var(--muted)}.breakdown-track{background:var(--bg);border-radius:999px;height:14px;overflow:hidden}.breakdown-bar{height:100%;border-radius:999px;min-width:4px;transition:width .5s ease}.breakdown-value{text-align:right;font-weight:700;font-size:.95rem}.breakdown-pct{text-align:right;font-size:.78rem;color:var(--muted)}.section-title{margin:0 0 .75rem}.quicklink-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.quicklink{display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.95rem 1.1rem;text-decoration:none;color:inherit;transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease}.quicklink:hover{border-color:var(--tsi-green);transform:translateY(-2px);box-shadow:0 8px 20px #1c252214}.quicklink-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;flex-shrink:0}.quicklink-text{display:flex;flex-direction:column;gap:.1rem;flex:1}.quicklink-text strong{font-size:.95rem}.quicklink-text span{color:var(--muted);font-size:.83rem}.quicklink-arrow{color:var(--line);display:inline-grid;place-items:center;transition:transform .15s ease,color .15s ease}.quicklink:hover .quicklink-arrow{color:var(--tsi-green);transform:translate(3px)}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--tsi-green),var(--tsi-green-dark));color:#fff;font-weight:700;overflow:hidden;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}.user-chip{gap:.5rem}.user-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg);border:1px solid var(--line);font-size:.72rem;font-weight:700;color:var(--tsi-green-dark)}.user-meta{display:inline-flex;align-items:center;gap:.4rem}.page-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.page-header-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;flex-shrink:0}.page-header-text{flex:1;min-width:0}.page-header-text h1{margin:0 0 .15rem;font-size:1.4rem}.page-header-text p{margin:0;color:var(--muted);font-size:.9rem}.page-header-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:3rem 1.5rem;background:#fff;border:1px solid var(--line);border-radius:14px}.empty-state-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:14px;margin-bottom:.25rem}.empty-state-icon svg{width:26px;height:26px}.empty-state strong{font-size:1.05rem}.empty-state p{margin:0;color:var(--muted);font-size:.9rem;max-width:460px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-icon svg{width:16px;height:16px}.file-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.file-icon svg{width:19px;height:19px}.file-meta{flex:1;min-width:0}.search-input{padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px;font-size:.9rem;min-width:200px;background:#fff}.search-input:focus{outline:none;border-color:var(--tsi-green)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fdecea;border:1px solid #f0b4ae;color:#b3261e;border-radius:10px;padding:.7rem 1rem;margin-bottom:1rem;font-size:.9rem}.status-active{background:#e6f4ec;border-color:#a6d6ba}