*{box-sizing:border-box}body{margin:0;color:#172827;background:#f5f7f5;font-family:"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:#217b61;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-1.2px;margin-bottom:12px}h2{font-size:21px;line-height:1.35;letter-spacing:-0.4px;margin-bottom:12px}.muted,.page-heading p{color:#6b7b79}.eyebrow,.workspace-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.7px;margin-bottom:12px;color:#6b7b79}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:32px 22px;border-right:1px solid #e1e8e4;background:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#172827;font-size:26px;font-weight:700;letter-spacing:-0.7px;line-height:1.1;margin-bottom:42px}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:#217b61;color:#fff;width:44px;height:44px;border-radius:13px;font-size:32px}.brand-caption{display:block;font-size:9px;font-weight:600;letter-spacing:3.2px;margin-top:7px;color:#6b7b79}.workspace-label{font-size:9px}.subject-picker{background:#f5f7f5;border:1px solid #e1e8e4;border-radius:9px;padding:12px;margin-bottom:26px;font-size:13px;overflow-wrap:anywhere}.subject-options{padding-top:12px;display:grid;gap:8px}.subject-option{border:0;background:rgba(0,0,0,0);text-align:left;padding:4px 0;color:#217b61}.nav-link{display:flex;gap:14px;align-items:center;padding:11px 14px;border-radius:8px;color:#6b7b79;margin:4px 0;font-size:14px;font-weight:500}.nav-link.active,.nav-link:hover{background:#edf5ef;color:#217b61;text-decoration:none}.nav-link span{font-size:18px}.nav-divider{border-top:1px solid #e1e8e4;margin:24px 0}.sidebar-footer{margin-top:auto;padding-top:30px;font-size:11px;color:#6b7b79}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#217b61;margin-right:5px}.workspace{margin-left:250px;min-width:0;width:calc(100% - 250px);display:flex;flex-direction:column}.topbar{min-height:78px;background:#fff;border-bottom:1px solid #e1e8e4;padding:16px 42px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}.breadcrumb{color:#6b7b79}.breadcrumb span{margin:0 14px;color:#c1cac5}.user-menu{display:flex;align-items:center;gap:20px}.text-button{color:#6b7b79;background:rgba(0,0,0,0);border:0;padding:5px;font-size:13px}.main-content{width:100%;max-width:1480px;margin:0 auto;padding:40px 42px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{margin-bottom:0}.card{background:#fff;border:1px solid #e1e8e4;border-radius:14px;padding:28px;margin-bottom:22px}.welcome-card{background:#e5eee6;border:1px solid #d7e5d9;border-radius:16px;padding:40px;display:flex;align-items:center;gap:40px;margin-bottom:26px}.welcome-card h2{font-size:30px;max-width:470px}.welcome-card p{color:#576e60;max-width:520px}.welcome-symbol{font-size:140px;line-height:1;font-weight:700;color:#aac5ad;margin-left:auto;margin-right:20px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px}.detail-list dt{color:#6b7b79}.detail-list dd{margin:0;text-align:right}.badge{white-space:nowrap;display:inline-flex;background:#edf5ef;color:#217b61;border:1px solid #dce9df;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600}.settings-section{display:grid;grid-template-columns:1fr 2fr;gap:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-field{margin-bottom:20px;min-width:0}.form-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:600}input:not([type=hidden]):not([type=checkbox]),select,textarea{width:100%;border:1px solid #cad5ce;padding:10px 12px;border-radius:7px;background:#fff;color:#172827;min-height:44px}textarea{min-height:110px;resize:vertical}:focus-visible{outline:3px solid #71bba3;outline-offset:3px}.checkbox-field{display:flex;gap:10px;align-items:center}.checkbox-field label{margin:0}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.button,.button-secondary{border:1px solid rgba(0,0,0,0);display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 20px;border-radius:8px;background:#217b61;color:#fff;font-size:14px;font-weight:600;min-height:44px}.button:hover,.button-secondary:hover{text-decoration:none;filter:brightness(0.94)}.button-secondary{background:#fff;color:#172827;border-color:#e1e8e4}.full-width{width:100%}.notice{padding:14px 18px;border-radius:8px;background:#e4f3e8;color:#235e38;margin-bottom:22px;border:1px solid #cae5d2}.notice-error,.form-errors{color:#a72f35;background:#fff0f0}.form-errors{list-style:none;padding:8px;font-size:13px}.page-footer{padding:22px 42px;margin-top:auto;display:flex;justify-content:space-between;font-size:11px;color:#6b7b79}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{padding:60px 12%;display:flex;flex-direction:column;justify-content:space-between;background:#e5eee6}.auth-story h1{font-size:clamp(36px,4vw,58px);margin-bottom:24px}.auth-story p{max-width:390px;color:#586e60;font-size:17px}.auth-footnote{font-size:12px;color:#6b7b79}.auth-panel{display:grid;place-items:center;padding:40px;background:#fff}.auth-card{width:100%;max-width:380px}.auth-card>p{margin-bottom:30px}.auth-link{display:block;text-align:center;margin-top:24px;font-size:13px}.menu-toggle{display:none}.skip-link{position:absolute;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:0}.error-page{max-width:600px;margin:15vh auto;padding:30px}.count{font-size:18px;color:#6b7b79;vertical-align:middle;margin-left:8px}.table-card{padding:0;overflow:hidden}.filter-bar{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:24px}.filter-bar label{display:block;font-size:12px;color:#6b7b79;margin-bottom:5px}.filter-bar>div:first-child{flex:1;min-width:210px}.table-scroll{position:relative;overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}table th,table td{padding:17px 24px;text-align:left;border-bottom:1px solid #e1e8e4}table th{background:#f8faf8;font-weight:500;color:#6b7b79;font-size:12px}table td{overflow-wrap:anywhere}table tbody tr:hover{background:#fcfdfb}.table-title{font-weight:600;color:#172827}.table-secondary{display:block;font-size:12px;color:#6b7b79}.badge-neutral{color:#6b7b79;background:#f4f5f4;border-color:#e1e8e4}.empty-state{padding:65px 24px;text-align:center;color:#6b7b79}.pagination{padding:18px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;color:#6b7b79}.pagination a{margin-left:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.preserve-lines{white-space:pre-wrap}.amount{white-space:nowrap;font-variant-numeric:tabular-nums}.spaced-actions{margin-bottom:24px}.kpi-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.kpi-value{font-size:clamp(20px,2.2vw,30px);letter-spacing:-1px;font-variant-numeric:tabular-nums}.invoice-item-form{border:1px solid #e1e8e4;padding:20px;border-radius:8px;margin-bottom:16px}.invoice-item-form>div{display:grid;grid-template-columns:2fr 2fr repeat(4, 1fr);gap:12px}.invoice-item-form .form-field{margin-bottom:6px}.payment-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e1e8e4}.payment-row small{display:block;color:#6b7b79}@media(max-width: 1100px){.invoice-item-form>div{grid-template-columns:repeat(2, 1fr)}.settings-section{grid-template-columns:1fr;gap:16px}.main-content{padding:28px}.topbar{padding:16px 28px}}@media(max-width: 800px){.sidebar{transform:translateX(-100%);top:77px}.sidebar.is-open{transform:translateX(0);box-shadow:16px 0 50px rgba(23,40,39,.1490196078)}.workspace{margin:0;width:100%}.menu-toggle{display:inline-flex}.breadcrumb{display:none}.two-column{grid-template-columns:1fr;gap:0}.welcome-card{padding:26px}.welcome-symbol{display:none}.auth-shell{grid-template-columns:1fr}.auth-story{padding:28px}.auth-story .brand{margin-bottom:0}.auth-story>div,.auth-story .auth-footnote{display:none}.auth-panel{padding:36px 24px}.main-content{padding:24px 18px}.topbar,.page-footer{padding:16px 18px}.card{padding:22px}.table-card{padding:0}}@media(max-width: 520px){.kpi-grid{grid-template-columns:1fr;gap:0}.form-grid{grid-template-columns:1fr}.user-menu{gap:8px}.user-menu>span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.page-heading{align-items:flex-start}.page-footer span{display:none}}