@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--base: 16px;--phi: 1.6180339887;--type-micro: 9.89px;--type-small: 12.58px;--type-body: 16px;--type-lead: 20.35px;--type-h4: 25.89px;--type-h3: 32.94px;--type-h2: 41.89px;--type-h1: 53.27px;--space-1: 1px;--space-2: 2px;--space-3: 3px;--space-4: 5px;--space-5: 8px;--space-6: 13px;--space-7: 21px;--space-8: 34px;--space-9: 55px;--space-10: 89px;--btn-h: 38.83px;--btn-px: 24px;--field-h: 41.42px;--card-pad: 34px;--lh-display: 1;--lh-heading: 1.16;--lh-body: 1.618;--dur-fast: 89ms;--dur-base: 144ms;--dur-slow: 233ms;--black: #000000;--white: #FFFFFF;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-400: #999999;--gray-600: #666666;--color-gain: #2D6A2E;--color-gain-bg: #F0F7F0;--color-loss: #8B2020;--color-loss-bg: #FDF2F2;--color-warning: #7A6520;--color-warning-bg: #FBF8F0;--bg: var(--white);--bg-alt: var(--gray-100);--ink: var(--black);--ink-muted: var(--gray-600);--ink-faint: var(--gray-400);--border: var(--gray-200);--border-strong: var(--black);--hover-bg: var(--gray-100);--font-mono: "Space Mono", monospace;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--dur-fast)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:var(--lh-heading);letter-spacing:-.01em;margin:0}h1{font-size:var(--type-h1)}h2{font-size:var(--type-h2)}h3{font-size:var(--type-h3)}h4{font-size:var(--type-h4)}.mono{font-family:var(--font-mono)}.app-shell{display:flex;height:100vh;width:100vw}.nav-rail{width:var(--space-10);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:var(--space-8) 0;background:var(--bg);flex-shrink:0;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-9);background:var(--bg)}::-webkit-scrollbar{width:var(--space-4)}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--gray-200)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.nav-logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-7);text-decoration:none;color:var(--ink)}.nav-logo svg{width:28px;height:28px}.nav-icon{width:var(--space-9);height:var(--space-9);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--ink-faint);cursor:pointer;transition:all var(--dur-fast);text-decoration:none;border:none;background:none;padding:0}.nav-icon svg{width:var(--space-7);height:var(--space-7);stroke:currentColor;fill:none}.nav-icon:hover{color:var(--ink);background:var(--hover-bg)}.nav-icon.active{color:var(--bg);background:var(--ink)}.nav-icon:active{transform:scale(.95)}.nav-divider{flex:1;width:1px;background:var(--border);margin:var(--space-7) auto;min-height:var(--space-10)}.divider{width:100%;height:1px;background-color:var(--border);margin:var(--space-7) 0}.spacer{flex:1}.page-header{margin-bottom:var(--space-8);border-bottom:1px solid var(--border-strong);padding-bottom:var(--space-5);display:flex;justify-content:space-between;align-items:end}.page-header h1{font-size:var(--type-h2);letter-spacing:-.02em}.page-header .page-meta,.page-meta{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.marker:before{content:"";display:inline-block;width:var(--space-4);height:var(--space-4);background:var(--ink);margin-right:var(--space-4);vertical-align:middle}.card{background-color:var(--bg);border:1px solid var(--border);margin-bottom:var(--space-7)}.card .card-header{background-color:var(--ink);color:var(--bg);padding:var(--space-5) var(--space-6);font-family:var(--font-mono);font-size:var(--type-small);font-weight:400;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center}.card .card-body{padding:var(--card-pad)}.card .card-body--lg{padding:var(--space-9)}.card.card--danger{border-color:var(--color-loss)}.card.card--danger .card-header{background-color:var(--color-loss)}.table{width:100%;border-collapse:collapse;margin:var(--space-7) 0}.table thead{background-color:var(--bg-alt)}.table thead th{padding:var(--space-6);text-align:left;border:1px solid var(--border);font-family:var(--font-mono);font-weight:400;text-transform:uppercase;font-size:var(--type-micro);letter-spacing:.08em;color:var(--ink-muted)}.table tbody tr{transition:background-color var(--dur-fast)}.table tbody tr:hover{background-color:var(--hover-bg)}.table tbody tr.selected{background-color:var(--gray-100);border-left:2px solid var(--ink)}.table tbody td{padding:var(--space-5) var(--space-6);border:1px solid var(--border);font-size:var(--type-small)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);height:var(--btn-h);padding:0 var(--btn-px);background:var(--bg);border:1px solid var(--ink);color:var(--ink);font-family:var(--font-mono);font-size:var(--type-small);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all var(--dur-fast);text-decoration:none;white-space:nowrap}.btn:hover{background:var(--ink);color:var(--bg)}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:hover{background:var(--bg);color:var(--ink)}.btn.btn--sm{height:calc(var(--btn-h) * .75);padding:0 var(--space-6);font-size:var(--type-micro)}.btn.btn--lg{height:calc(var(--btn-h) * 1.25);padding:0 var(--space-8);font-size:var(--type-body)}.btn.btn--primary{background:var(--ink);color:var(--bg)}.btn.btn--primary:hover{background:var(--gray-600)}.btn.btn--confirm{border-color:var(--color-gain);color:var(--color-gain)}.btn.btn--confirm:hover{background:var(--color-gain);color:var(--bg)}.btn.btn--danger{border-color:var(--color-loss);color:var(--color-loss)}.btn.btn--danger:hover{background:var(--color-loss);color:var(--bg)}.btn.btn--warning{border-color:var(--color-warning);color:var(--color-warning)}.btn.btn--warning:hover{background:var(--color-warning);color:var(--bg)}.btn.btn--ghost{border-color:transparent;background:transparent}.btn.btn--ghost:hover{background:var(--hover-bg);color:var(--ink)}.field-group{margin-bottom:var(--space-7)}.field-group label{display:block;margin-bottom:var(--space-5);font-family:var(--font-mono);text-transform:uppercase;font-size:var(--type-micro);letter-spacing:.08em;color:var(--ink-muted)}.field-group input,.field-group select,.field-group textarea{width:100%;height:var(--field-h);background:var(--bg);border:1px solid var(--border);color:var(--ink);padding:0 var(--space-6);font-family:var(--font-body);font-size:var(--type-body)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:var(--ink)}.field-group input::placeholder,.field-group select::placeholder,.field-group textarea::placeholder{color:var(--ink-faint)}.field-group textarea{height:auto;min-height:calc(var(--field-h) * 3);padding:var(--space-5) var(--space-6);resize:vertical;line-height:var(--lh-body)}.field-group select{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:48px}.field-group .custom-select{position:relative}.field-group .custom-select select{width:100%}.field-group .custom-select .select-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ink-muted);pointer-events:none}.field-readonly{width:100%;height:var(--field-h);display:flex;align-items:center;padding:0 var(--space-6);font-family:var(--font-body);font-size:var(--type-body);color:var(--ink);background:var(--bg-alt);border:1px solid var(--border)}.field-label{display:block;margin-bottom:var(--space-5);font-family:var(--font-mono);text-transform:uppercase;font-size:var(--type-micro);letter-spacing:.08em;color:var(--ink-muted)}.field-value{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--ink);padding:0 var(--space-6);font-family:var(--font-body);font-size:var(--type-body);min-height:var(--field-h);display:flex;align-items:center;justify-content:space-between}.checkbox{appearance:none;-webkit-appearance:none;width:var(--space-6);height:var(--space-6);border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:all var(--dur-fast);position:relative}.checkbox:checked{background:var(--ink);border-color:var(--ink)}.checkbox:checked:after{content:"";position:absolute;inset:2px;background:var(--bg)}.checkbox:hover{border-color:var(--ink)}.badge{display:inline-block;padding:var(--space-3) var(--space-5);border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--type-micro);text-transform:uppercase;letter-spacing:.08em}.badge.badge--ok{border-color:var(--color-gain);color:var(--color-gain)}.badge.badge--error{border-color:var(--color-loss);color:var(--color-loss)}.badge.badge--warning{border-color:var(--color-warning);color:var(--color-warning)}.loading{display:inline-block;font-family:var(--font-mono);color:var(--ink-faint)}.loading:after{content:"...";animation:loading-dots 1.5s steps(4,end) infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.loading-wrapper{text-align:center;padding:var(--space-9) var(--space-7)}.error-wrapper{text-align:center;padding:var(--space-8);color:var(--color-loss)}.empty-state{text-align:center;padding:var(--space-9) var(--space-7);color:var(--ink-faint);border:1px dashed var(--border)}.empty-state .empty-state-icon{font-size:var(--type-h2);margin-bottom:var(--space-7)}.empty-state .empty-state-text{font-family:var(--font-mono);font-size:var(--type-small);text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;gap:1px;background:var(--border)}.grid>*{background:var(--bg)}.grid.grid--2{grid-template-columns:repeat(2,1fr)}.grid.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid{grid-template-columns:1fr!important}}.data-row{display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.data-row--total{display:flex;justify-content:space-between;font-weight:600;padding-top:var(--space-5);border-top:1px solid var(--border-strong)}.data-row--subtotal{display:flex;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.landing{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.landing .landing-content{text-align:center}.landing .landing-content .landing-logo{margin-bottom:var(--space-7)}.landing .landing-content .landing-logo svg{width:96px;height:96px;color:var(--ink)}@media(max-width:768px){.landing .landing-content .landing-logo svg{width:72px;height:72px}}.landing .landing-content h1{font-size:var(--type-h1);letter-spacing:-.02em;margin-bottom:var(--space-8)}@media(max-width:768px){.landing .landing-content h1{font-size:var(--type-h2)}}.landing .landing-content .landing-subtitle{font-family:var(--font-mono);font-size:var(--type-small);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-9)}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login .login-box{width:100%;max-width:500px;border:1px solid var(--border);padding:0}.login .login-box .login-header{background-color:var(--ink);color:var(--bg);padding:var(--space-7) var(--space-7) var(--space-6);text-align:center;font-family:var(--font-mono);font-size:var(--type-lead);letter-spacing:.05em;text-transform:uppercase}.login .login-box .login-header .login-logo{display:block;width:48px;height:48px;margin:0 auto var(--space-5);color:var(--bg)}.login .login-box .login-body{padding:var(--space-8)}.text-muted{color:var(--ink-muted)}.text-faint{color:var(--ink-faint)}.text-center{text-align:center}.text-right{text-align:right}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mb-9{margin-bottom:var(--space-9)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.p-8{padding:var(--space-8)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-align-center{display:flex;align-items:center}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.action-group{display:flex;gap:var(--space-5)}.color-gain{color:var(--color-gain)}.color-loss{color:var(--color-loss)}.color-warning{color:var(--color-warning)}.icon-inline{display:inline-block;width:var(--space-6);height:var(--space-6);vertical-align:middle}.icon-md{width:var(--space-7);height:var(--space-7)}.icon-lg{width:28px;height:28px}.logout-icon{color:var(--color-loss)!important}.logout-icon:hover{background:var(--color-loss-bg)!important;color:var(--color-loss)!important}.logout-icon.active{background:var(--color-loss)!important;color:var(--bg)!important}