:root{--font-ui: "Geist", sans-serif;--font-mono: "Geist Mono", monospace}:root,[data-theme=dark]{--bg: #000000;--surface: #000000;--surface-2: #141414;--surface-3: #1A1A1A;--overlay: #FFFFFF0F;--border: #FFFFFF1F;--border-subtle: #FFFFFF14;--border-card: #FFFFFF12;--border-divider: #FFFFFF0F;--border-row: #FFFFFF0A;--text-primary: #FFFFFF;--text-secondary: #A7A7A7;--text-muted: #707070;--text-disabled: #444444;--text-label: #555555;--status-filed: #4CAF50;--status-overdue: #EF4444;--status-overdue-badge: #E03D30;--status-pending: #717171;--input-border: #FFFFFF1A;--input-border-focus: #FFFFFF59;--input-focus-ring: #FFFFFF0A;--input-border-error: #FF363880;--btn-secondary-border: #FFFFFF26;--color-danger: #FF3638;--status-filed-bg: #4CAF501F;--status-filed-border: #4CAF5040;--status-note-bg: #4CAF5008;--status-note-border: #4CAF500F;--text-soft: #666666;--text-faint: #333333;--text-near-black: #252525;--surface-component: #0C0C0C;--border-faint: #FFFFFF0D;--sidebar-bg: #000000;--sidebar-width: 220px;--sidebar-border: #FFFFFF0F;--sidebar-item-active-bg: #FFFFFF0F;--sidebar-item-hover-bg: #FFFFFF08;--topbar-height: 56px;--topbar-border: #FFFFFF0F;--topbar-search-bg: transparent;--topbar-search-border: #FFFFFF14;--topbar-search-radius: 6px;--topbar-search-placeholder: #444444;--topbar-search-icon: #555555;--topbar-date-month: #555555;--topbar-date-day: #FFFFFF;--topbar-bell: #707070}[data-theme=light]{--bg: #FAF9F7;--surface: #FFFFFF;--surface-2: #F4F4F2;--surface-3: #EEEEEC;--overlay: #0000000F;--border: #00000014;--border-subtle: #00000014;--border-card: #00000012;--border-divider: #0000000F;--border-row: #0000000A;--text-primary: #0C0C0C;--text-secondary: #555555;--text-muted: #888888;--text-disabled: #BBBBBB;--text-label: #999999;--status-filed: #3D9C40;--status-overdue: #D93025;--status-overdue-badge: #C0392B;--status-pending: #888888;--input-border: #00000020;--input-border-focus: #00000059;--input-focus-ring: #0000000A;--input-border-error: #FF363880;--btn-secondary-border: #00000026;--color-danger: #FF3638;--status-filed-bg: rgba(76, 175, 80, .1);--status-filed-border: rgba(76, 175, 80, .25);--status-note-bg: rgba(76, 175, 80, .05);--status-note-border: rgba(76, 175, 80, .08);--text-soft: #555555;--text-faint: #999999;--text-near-black: #0C0C0C;--surface-component: #FFFFFF;--border-faint: #0000000D;--sidebar-bg: #FAF9F7;--sidebar-border: #0000000F;--sidebar-item-active-bg: #0000000F;--sidebar-item-hover-bg: #00000008;--topbar-border: #0000000F;--topbar-search-bg: transparent;--topbar-search-border: #00000014;--topbar-search-placeholder: #999999;--topbar-search-icon: #888888;--topbar-date-month: #717171;--topbar-date-day: #0C0C0C;--topbar-bell: #888888}:root{--text-hero: 56px;--text-heading: 28px;--text-body: 15px;--font-size-label: 11px;--mono-stat: 44px;--mono-body: 15px;--mono-id: 13px;--mono-timestamp: 12px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600}:root{--space-micro: 4px;--space-xs: 8px;--space-sm: 12px;--space-base: 16px;--space-md: 24px;--space-lg: 40px;--space-xl: 72px}:root{--radius-tag: 4px;--radius-default: 6px;--radius-icon: 8px;--radius-card: 10px;--radius-modal: 16px;--radius-pill: 9999px}:root{--motion-micro: .15s ease-out;--motion-fade: .35s ease-out;--motion-shimmer: .7s linear}.btn{font-family:var(--font-ui);font-size:14px;font-weight:var(--weight-medium);border-radius:var(--radius-default);padding:10px 20px;cursor:pointer;transition:opacity var(--motion-micro),background var(--motion-micro);border:none;display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.btn-primary{background:var(--text-primary);color:var(--bg);border:none}.btn-primary:hover{opacity:.88}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--overlay)}.btn-ghost{background:transparent;color:var(--text-primary);border:none}.btn-ghost:hover{background:var(--overlay)}.btn-danger{background:var(--color-danger);color:var(--text-primary);border:none}.btn-danger:hover{opacity:.88}.btn-pill{background:var(--text-primary);color:var(--bg);border-radius:var(--radius-pill);padding:8px 18px}.btn-disabled,.btn:disabled{background:var(--overlay);color:var(--text-disabled);border:1px solid var(--overlay);cursor:not-allowed;opacity:1}.btn-sm{padding:6px 14px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-card);padding:var(--space-md)}.stat-card{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-card);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.stat-card .stat-title{font-family:var(--font-ui);font-size:12px;color:var(--text-muted)}.stat-card .stat-amount{font-family:var(--font-mono);font-size:var(--mono-stat);color:var(--text-primary);font-weight:var(--weight-regular);line-height:1}.stat-card .stat-delta{font-size:10px;color:var(--status-filed)}.stat-card .stat-caption{font-size:11px;color:var(--text-disabled)}.list-card{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-card);overflow:hidden}.list-card .list-card-header{padding:20px var(--space-md);border-bottom:1px solid var(--border-divider);display:flex;align-items:center;justify-content:space-between}.list-card .list-card-header .list-card-title{font-size:13px;color:var(--text-primary);font-weight:var(--weight-medium)}.list-card .list-card-header .list-card-link{font-size:12px;color:var(--text-label)}.list-card .list-card-row{padding:14px var(--space-md);border-bottom:1px solid var(--border-row);display:flex;align-items:center;justify-content:space-between}.list-card .list-card-row:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;font-family:var(--font-ui);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.01em;line-height:14px;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid}.badge-filed{border-color:var(--status-filed);color:var(--status-filed)}.badge-overdue{border-color:var(--status-overdue-badge);color:var(--status-overdue-badge)}.badge-pending{border-color:var(--status-pending);color:var(--status-pending);font-weight:var(--weight-regular)}.badge-draft{border-color:var(--input-border-focus);color:var(--text-primary);font-weight:var(--weight-regular)}.badge-sm{padding:3px 9px;font-size:11px}.input{font-family:var(--font-ui);font-size:14px;background:var(--surface);color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--radius-default);padding:10px 14px;width:100%;outline:none;transition:border-color var(--motion-micro),box-shadow var(--motion-micro)}.input::-moz-placeholder{color:var(--text-disabled);font-size:14px}.input::placeholder{color:var(--text-disabled);font-size:14px}.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--input-focus-ring)}.input-error{border-color:var(--input-border-error)}.input-label{font-family:var(--font-ui);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-xs);display:block}.input-error-text{font-size:14px;color:var(--status-overdue);margin-top:var(--space-xs)}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-family:var(--font-ui)}thead th{font-size:11px;font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:.1em;color:var(--text-label);padding:12px var(--space-md);text-align:left;border-bottom:1px solid var(--border-divider)}tbody td{font-size:14px;color:var(--text-primary);padding:14px var(--space-md);border-bottom:1px solid var(--border-row)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--overlay)}td.mono{font-family:var(--font-mono);font-size:13px}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:50;overflow:hidden;padding:0 8px}.sidebar-brand{padding:12px 24px 14px;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand-name{font-family:var(--font-ui);font-size:18px;font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.02em}.sidebar-brand-tagline{font-family:var(--font-ui);font-size:13px;color:var(--text-muted);margin-top:2px}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-sm) 0}.sidebar-group{padding-bottom:4px;border-bottom:1px solid var(--sidebar-border);margin-bottom:4px}.sidebar-group:last-child{border-bottom:none}.sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:9px var(--space-md);font-family:var(--font-ui);font-size:14px;font-weight:var(--weight-regular);color:var(--text-secondary);cursor:pointer;transition:background var(--motion-micro),color var(--motion-micro);border-radius:0;text-decoration:none;margin:1px var(--space-xs);border-radius:var(--radius-default)}.sidebar-item:hover{background:var(--sidebar-item-hover-bg);color:var(--text-primary)}.sidebar-item.active{background:var(--sidebar-item-active-bg);color:var(--text-primary);font-weight:var(--weight-medium)}.sidebar-item svg{width:16px;height:16px;flex-shrink:0;opacity:.6}.sidebar-item.active svg,.sidebar-item:hover svg{opacity:1}.sidebar-bottom{margin-top:auto;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--weight-medium);color:var(--text-primary);flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:var(--weight-medium);color:var(--text-primary)}.sidebar-user-role{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-theme-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--motion-micro)}.sidebar-theme-btn:hover{color:var(--text-primary)}.sidebar-bottom .sidebar-item{margin:8px 0 0}.sidebar-bottom-actions{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.sidebar-signout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--motion-micro)}.sidebar-signout-btn:hover{color:var(--text-primary)}.topbar{display:flex;align-items:center;padding:14px 40px;gap:24px;background:var(--bg);border-bottom:1px solid var(--topbar-border);flex-shrink:0;position:relative;z-index:100;font-size:12px;line-height:16px;overflow:visible;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}.topbar-search{display:flex;align-items:center;width:340px;flex-shrink:0;border-radius:var(--topbar-search-radius);padding:9px 14px;gap:8px;background:var(--topbar-search-bg);border:1px solid var(--topbar-search-border);cursor:text;transition:border-color var(--motion-micro)}.topbar-search:hover{border-color:var(--input-border)}.topbar-search-text{font-family:var(--font-ui);font-size:13px;color:var(--topbar-search-placeholder);flex:1}.topbar-search-icon{width:14px;height:14px;flex-shrink:0;color:var(--topbar-search-icon)}.topbar-search-kbd{display:flex;align-items:center;padding:2px 6px;border-radius:4px;border:1px solid var(--input-border);font-family:var(--font-mono);font-size:11px;color:var(--topbar-search-icon);flex-shrink:0}.topbar-date{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.topbar-date-month{font-family:var(--font-ui);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--topbar-date-month);line-height:14px}.topbar-date-day{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--topbar-date-day);line-height:22px}.topbar-bell{width:18px;height:18px;flex-shrink:0;color:var(--topbar-bell);cursor:pointer;transition:color var(--motion-micro)}.topbar-bell:hover{color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--motion-fade)}.modal{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-modal);padding:var(--space-md);width:480px;max-width:90vw;animation:fadeInBlur var(--motion-fade)}.modal-lg{width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-divider)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-divider)}.tab-bar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border-divider);margin-bottom:var(--space-md)}.tab{font-family:var(--font-ui);font-size:14px;font-weight:var(--weight-regular);color:var(--text-muted);padding:10px var(--space-md);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--motion-micro),border-color var(--motion-micro)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:var(--weight-medium)}.app-layout{display:flex;min-height:100vh;background:var(--bg)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.page{padding:var(--space-lg) var(--space-xl);max-width:1280px}.page-title{font-family:var(--font-ui);font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.02em;line-height:120%;margin-bottom:var(--space-xs)}.page-subtitle{font-family:var(--font-ui);font-size:var(--text-body);color:var(--text-muted);margin-bottom:var(--space-lg)}.section-title{font-family:var(--font-ui);font-size:13px;font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-sm)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-base)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-base)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-base)}.divider{border:none;border-top:1px solid var(--border-divider);margin:var(--space-md) 0}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted);font-size:var(--text-body)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInBlur{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer var(--motion-shimmer) infinite;border-radius:var(--radius-default)}@font-face{font-family:Gistesy;src:url(/fonts/Gistesy.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: var(--font-sans);--modal-bg: var(--surface);--modal-border: var(--border);--modal-overlay: rgba(0,0,0,.85);--modal-input-bg: var(--bg);--modal-input-border: var(--border);--modal-header-bg: var(--surface);--bg-card: var(--surface);--bg-hover: var(--surface-2);--bg-base: var(--bg);--border-light: var(--border);--text: var(--text-primary);--font-xs: 11px;--font-sm: 13px;--font-base: 14px;--font-md: 16px;--font-lg: 20px;--font-xl: 28px;--font-xxl: 44px}[data-theme=light]{--modal-overlay: rgba(0,0,0,.4)}[data-theme=light] body{background:var(--bg);color:var(--text-primary)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--surface);color:var(--text-primary);border-color:var(--border)}[data-theme=light] select option{background:var(--surface);color:var(--text-primary)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--text-primary)}[data-theme=light] input::-moz-placeholder,[data-theme=light] textarea::-moz-placeholder{color:var(--text-muted)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-muted)}[data-theme=light] label{color:var(--text-primary)}[data-theme=light] span{color:inherit}[data-theme=light] p{color:var(--text-secondary)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=light] .btn{border-color:var(--text-primary);color:var(--text-primary);background:transparent}[data-theme=light] .btn:hover{background:var(--text-primary);color:var(--bg)}[data-theme=light] .btn-primary{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}[data-theme=light] .btn-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg)}[data-theme=light] .btn-ghost{border-color:transparent;color:var(--text-muted)}[data-theme=light] .btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}[data-theme=light] .btn-danger{border-color:var(--status-overdue);color:var(--status-overdue);background:transparent}[data-theme=light] .btn-danger:hover{background:var(--status-overdue);color:#fff}[data-theme=light] .page-title{color:var(--text-primary)}[data-theme=light] .section-title{color:var(--text-primary);border-bottom-color:var(--border)}[data-theme=light] .card{border-color:var(--border);background:var(--surface)}[data-theme=light] .stat-grid{background:var(--border);border-color:var(--border)}[data-theme=light] .stat-card{background:var(--surface)}[data-theme=light] .stat-value{color:var(--text-primary)}[data-theme=light] .stat-label{color:var(--text-muted)}[data-theme=light] table{color:var(--text-primary)}[data-theme=light] thead tr{border-bottom-color:var(--border);background:var(--surface-2)}[data-theme=light] thead th{color:var(--text-primary);background:var(--surface-2);font-weight:600}[data-theme=light] tbody tr{border-bottom-color:var(--border)}[data-theme=light] tbody tr:hover{background:var(--surface-2)}[data-theme=light] tbody td{color:var(--text-primary)}[data-theme=light] tbody td.muted{color:var(--text-muted)}[data-theme=light] .table-container{border-color:var(--border)}[data-theme=light] .modal-overlay{background:var(--modal-overlay)}[data-theme=light] .modal{background:var(--surface);border-color:var(--border)}[data-theme=light] .modal-header{border-bottom-color:var(--border);background:var(--surface)}[data-theme=light] .modal-title{color:var(--text-primary)}[data-theme=light] .modal-footer{border-top-color:var(--border)}[data-theme=light] .slide-over{background:var(--surface);border-left-color:var(--border)}[data-theme=light] .slide-over-header{border-bottom-color:var(--border);background:var(--surface)}[data-theme=light] .slide-over-footer{border-top-color:var(--border)}[data-theme=light] .tab-bar{border-bottom-color:var(--border)}[data-theme=light] .tab{color:var(--text-muted)}[data-theme=light] .tab:hover{color:var(--text-secondary)}[data-theme=light] .tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}[data-theme=light] .empty-state{color:var(--text-muted);border-color:var(--border)}[data-theme=light] .loading{color:var(--text-muted)}[data-theme=light] .divider{border-top-color:var(--border)}[data-theme=light] .close-btn{color:var(--text-muted)}[data-theme=light] .close-btn:hover{color:var(--text-primary)}[data-theme=light] .text-secondary{color:var(--text-secondary)}[data-theme=light] .text-muted{color:var(--text-muted)}[data-theme=light] .popover{background:var(--surface);border-color:var(--border);box-shadow:0 8px 24px #0000001f}[data-theme=light] .popover *{color:var(--text-primary)}[data-theme=light] .gst-cell{background:var(--surface);border-color:var(--border);color:var(--text-primary)}[data-theme=light] .gst-cell:hover{background:var(--surface-2);border-color:var(--text-primary)}html,body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-base);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);font-size:13px;cursor:pointer;background:none;border:none;color:inherit}input,select,textarea{font-family:var(--font-sans);font-size:14px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);padding:8px 12px;outline:none;width:100%;border-radius:var(--radius-md)}input:focus,select:focus,textarea:focus{border-color:var(--text-primary)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--surface);color:var(--text-primary)}label{display:block;font-size:12px;color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;color:var(--text-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--text-primary);font-size:13px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap;font-family:var(--font-sans);background:transparent;color:var(--text-primary);border-radius:var(--radius-md)}.btn:hover,.btn-primary{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg)}.btn-sm{padding:5px 12px;font-size:12px}.btn-ghost{border-color:var(--border);color:var(--text-muted);background:transparent}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.btn-danger{border-color:var(--status-overdue);color:var(--status-overdue);background:transparent}.btn-danger:hover{background:var(--status-overdue);color:#fff;border-color:var(--status-overdue)}.btn:disabled{border-color:var(--border);color:var(--text-disabled);background:transparent;cursor:not-allowed;opacity:.4}.page{padding:var(--space-8) var(--space-10);max-width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.page-title{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.section-title{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.card{border:1px solid var(--border);padding:var(--space-6);background:var(--surface);border-radius:var(--radius-lg)}.section-block{margin-bottom:var(--space-10)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.stat-card{background:var(--surface);padding:var(--space-6)}.stat-value{font-size:32px;font-weight:400;letter-spacing:-.02em;color:var(--text-primary);line-height:1;font-family:var(--font-mono)}.stat-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-2)}table{width:100%;border-collapse:collapse;font-size:14px}thead tr{border-bottom:1px solid var(--border);background:var(--surface-2)}thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:500;text-align:left;padding:10px 12px;white-space:nowrap;background:var(--surface-2)}tbody tr{border-bottom:1px solid var(--border);cursor:pointer;min-height:44px}tbody tr:hover{background:var(--surface-2)}tbody td{padding:12px;color:var(--text-primary);vertical-align:middle;background:transparent;font-size:14px}tbody td.muted{color:var(--text-muted)}.table-container{border:1px solid var(--border);overflow-x:auto;border-radius:var(--radius-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-lg{max-width:760px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.slide-over{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--surface);border-left:1px solid var(--border);z-index:90;overflow-y:auto;display:flex;flex-direction:column}.slide-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89}.slide-over-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--surface);z-index:1;flex-shrink:0}.slide-over-body{padding:var(--space-6);flex:1}.slide-over-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.form-group{margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.form-error{color:var(--status-overdue);font-size:12px;margin-top:4px}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.filter-bar select,.filter-bar input{width:auto;min-width:130px;font-size:13px;padding:6px 10px}.tab-bar{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.tab{padding:10px 20px;font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;transition:color .12s,border-color .12s;font-family:var(--font-sans)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.badge-filed,.badge-paid,.badge-active,.badge-completed,.badge-resolved,.badge-response-filed{background:var(--status-filed);color:#fff}.badge-overdue,.badge-late,.badge-expired,.badge-escalated{background:var(--status-overdue);color:#fff}.badge-pending,.badge-in-progress{background:transparent;border:1px solid var(--status-pending);color:var(--text-muted)}.badge-draft,.badge-not-applicable{background:transparent;border:1px solid var(--border);color:var(--text-disabled)}.mono{font-family:var(--font-mono)}.empty-state{padding:56px 24px;text-align:center;color:var(--text-muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius-lg)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.close-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;line-height:1}.close-btn:hover{color:var(--text-primary)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.checkbox-label input{width:auto}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:8px;font-size:13px;color:var(--text-muted)}.toggle input{width:auto;opacity:0;position:absolute}.toggle-track{width:32px;height:16px;background:var(--border);border:1px solid var(--border);transition:background .15s;border-radius:8px}.toggle input:checked~.toggle-track{background:var(--text-primary);border-color:var(--text-primary)}.toggle-thumb{position:absolute;width:10px;height:10px;background:var(--text-muted);top:3px;left:3px;transition:left .15s,background .15s;border-radius:50%}.toggle input:checked~.toggle-track .toggle-thumb{left:19px;background:var(--bg)}.col-gap-12{display:grid;gap:var(--space-3)}.col-gap-16{display:grid;gap:var(--space-4)}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.row-gap-8{display:flex;align-items:center;gap:var(--space-2)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-upper{text-transform:uppercase;letter-spacing:.06em}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.overdue-label{font-size:12px;letter-spacing:.04em;color:var(--status-overdue)}.priority-urgent{font-size:13px;letter-spacing:.02em;color:var(--text-primary)}.priority-high{font-size:13px;color:var(--text-secondary)}.priority-medium{font-size:13px;color:var(--text-muted)}.priority-low{font-size:13px;color:var(--text-disabled)}.popover{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);z-index:50;min-width:240px;box-shadow:0 8px 24px #00000080}.popover *{color:var(--text-primary)}.gst-cell{cursor:pointer;text-align:center;font-size:14px;padding:8px 0;min-width:48px;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono)}.gst-cell:hover{background:var(--surface-2);border-color:var(--text-primary)}@media (max-width: 768px){.page{padding:16px 20px}.form-row,.form-row-3{grid-template-columns:1fr}.slide-over{width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)}}