:root{--black-flap:#fafafa;--white-type:#1a1a1a;--steel-frame:#8b8f94;--steel-dim:#c5c8cc;--amber-lamp:#d97706;--red-failed:#dc2626;--grid-unit:8px;--row-height:56px;scrollbar-color:var(--steel-frame) var(--black-flap);caret-color:var(--amber-lamp);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black-flap:#1a1a1a;--white-type:#fff;--steel-frame:#9ca3af;--steel-dim:#52575d;--amber-lamp:#fbbf24;--red-failed:#ef4444}}::selection{background:var(--amber-lamp);color:var(--black-flap)}:focus-visible{outline:2px solid var(--steel-frame);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{background:var(--black-flap);color:var(--white-type);-webkit-font-smoothing:antialiased;font-family:Roboto Condensed,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4}#root{flex-direction:column;min-height:100vh;display:flex}.tab-bar{border-bottom:1px solid var(--steel-frame);background:var(--black-flap);z-index:10;display:flex;position:sticky;top:0}.tab{padding:calc(var(--grid-unit) * 2);text-align:center;text-transform:uppercase;letter-spacing:.05em;border:none;border-right:1px solid var(--steel-frame);color:var(--steel-frame);cursor:pointer;background:0 0;flex:1;min-height:44px;font-size:16px;font-weight:500;transition:color .15s ease-out;position:relative}.tab:last-child{border-right:none}.tab:hover,.tab.active{color:var(--white-type)}.tab.active:after{content:"";background:var(--amber-lamp);height:2px;position:absolute;bottom:0;left:0;right:0}.screen{padding:calc(var(--grid-unit) * 4);flex:1;overflow-y:auto}.screen-header{text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit) * 3);font-size:24px;font-weight:700}.chart-container{margin-bottom:calc(var(--grid-unit) * 6)}.bar-chart{justify-content:space-around;align-items:flex-end;gap:calc(var(--grid-unit) * 2);height:280px;padding:calc(var(--grid-unit) * 2);border:1px solid var(--steel-frame);background:#8b8f940d;display:flex;position:relative}.bar-chart:before{content:"";background:var(--steel-frame);height:1px;position:absolute;bottom:0;left:0;right:0}.bar-column{align-items:center;gap:calc(var(--grid-unit));flex-direction:column;flex:1;display:flex}.bar{background:var(--steel-frame);border:1px solid var(--steel-frame);width:100%;max-width:80px;position:relative}.bar.highlight{background:var(--amber-lamp);border-color:var(--amber-lamp)}.bar-value{color:var(--white-type);margin-bottom:calc(var(--grid-unit));font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.bar-label{text-transform:uppercase;letter-spacing:.05em;color:var(--steel-frame);font-size:13px;font-weight:600}.data-table{border-collapse:collapse;border:1px solid var(--steel-frame);width:100%}.data-table thead{background:#8b8f941a}.data-table th{padding:calc(var(--grid-unit) * 2);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--steel-frame);color:var(--steel-frame);font-size:13px;font-weight:600}.data-table th:not(:last-child){border-right:1px solid var(--steel-dim)}.data-table tbody tr{height:var(--row-height);border-bottom:1px solid var(--steel-dim)}.data-table tbody tr.highlight{animation:2s linear forwards cascade-highlight}.data-table td{padding:calc(var(--grid-unit) * 2);font-variant-numeric:tabular-nums;font-size:16px;font-weight:400}.data-table td:not(:last-child){border-right:1px solid var(--steel-dim)}.data-table .actions{gap:calc(var(--grid-unit));opacity:0;display:flex}.data-table tbody tr:hover .actions{opacity:1}.icon-button{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--steel-frame);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-button:hover{color:var(--white-type)}.icon-button.delete:hover{color:var(--red-failed)}.btn{height:48px;min-height:48px;padding:0 calc(var(--grid-unit) * 4);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--steel-frame);cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:500}.btn-primary{background:var(--amber-lamp);border-color:var(--amber-lamp);color:var(--black-flap)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d}.btn-secondary{border-color:var(--steel-frame);color:var(--white-type);background:0 0}.btn-secondary:hover{background:var(--steel-frame)}.btn-add{bottom:calc(var(--grid-unit) * 4);right:calc(var(--grid-unit) * 4);position:fixed;box-shadow:0 4px 12px #00000080}.form{gap:calc(var(--grid-unit) * 3);flex-direction:column;max-width:600px;display:flex}.form-group{gap:calc(var(--grid-unit));flex-direction:column;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--steel-frame);font-size:13px;font-weight:600}.form-input,.form-select{height:48px;padding:0 calc(var(--grid-unit) * 2);background:var(--black-flap);border:1px solid var(--steel-frame);color:var(--white-type);font-family:Roboto Condensed,sans-serif;font-size:16px}.form-input:focus,.form-select:focus{outline:2px solid var(--steel-frame);outline-offset:2px}.form-actions{gap:calc(var(--grid-unit) * 2);margin-top:calc(var(--grid-unit) * 2);display:flex}.empty-state{text-align:center;padding:calc(var(--grid-unit) * 8) calc(var(--grid-unit) * 4);color:var(--steel-frame)}.empty-state p{margin-bottom:calc(var(--grid-unit) * 3);font-size:18px}.pr-badge{align-items:center;gap:calc(var(--grid-unit));padding:calc(var(--grid-unit)) calc(var(--grid-unit) * 2);border:1px solid var(--amber-lamp);color:var(--amber-lamp);text-transform:uppercase;letter-spacing:.05em;background:#f59e0b26;font-size:13px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:no-preference){.tab,.icon-button,.btn-secondary{transition:all .15s ease-out}.btn-primary{transition:all .15s cubic-bezier(.19,1,.22,1)}.bar{transition:height .4s cubic-bezier(.19,1,.22,1)}.data-table tbody tr{transition:background .15s ease-out}.data-table .actions{transition:opacity .15s ease-out}@keyframes cascade-highlight{0%{background:var(--amber-lamp)}to{background:0 0}}@keyframes pr-flash{0%,50%{opacity:1}to{opacity:.7}}.pr-badge{animation:2s ease-out pr-flash}}@media (width<=768px){.screen{padding:calc(var(--grid-unit) * 2)}.bar-chart{height:200px}.bar{max-width:40px}.data-table{font-size:14px}.data-table th,.data-table td{padding:calc(var(--grid-unit))}.data-table .actions{opacity:1}.btn-add{bottom:calc(var(--grid-unit) * 2);right:calc(var(--grid-unit) * 2)}}@media (width<=480px){.screen{padding:calc(var(--grid-unit) * 2)}body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}