:root{--bg: #242424;--fg: #fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dialog-bg: #cadcef;--dialog-fg: #000;--message-box-dialog-bg: #cde0e7;--message-box-dialog-fg: #000}body{background-color:var(--bg);color:var(--fg)}#root{position:relative;display:grid;grid-template-columns:1fr;width:100%;grid-template-rows:max-content 1fr max-content;min-height:100vh;margin:0;text-align:center}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin:0;padding:5px 10px}button:hover{border-color:#646cff}button.add{position:relative;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #646cff;font-size:20px;padding:0;width:30px;height:30px;color:#646cff}button.add:before{content:"";position:absolute;width:1px;height:50%;background-color:#646cff}button.add:after{content:"";position:absolute;height:1px;width:50%;background-color:#646cff}button.add:hover{background-color:#646cff;border-color:#646cff;color:#fff}button.add:hover:before,button.add:hover:after{background-color:#fff}button.exit{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:transparent;border:1px solid #ff4d4f;padding:0}button.exit:before{content:"";position:absolute;width:50%;height:1px;transform:rotate(45deg);transform-origin:center center;background-color:#ff4d4f}button.exit:after{content:"";position:absolute;width:50%;height:1px;transform:rotate(-45deg);transform-origin:center center;background-color:#ff4d4f}button.exit:hover{background-color:#ff4d4f;border-color:#ff4d4f}button.exit:hover:before,button.exit:hover:after{background-color:#fff}button.remove{width:25px;height:25px;background-color:transparent;border:1px solid #ff4d4f;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}button.remove:hover{background-color:#ff4d4f;border-color:#ff4d4f}button.remove:after{content:"";width:60%;height:3px;background-color:#ff4d4f}button.remove:hover:after{background-color:#fff}button.refresh{width:30px;height:30px;background-color:transparent;border:1px solid #646cff;color:#646cff;display:flex;align-items:center;justify-content:center;padding:0}button.refresh:after{content:"⟳";line-height:15px}button.refresh:hover{background-color:#646cff;border-color:#646cff;color:#fff}button.refresh:hover:after{color:#fff}button.header-handle{background:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:14pt}button.cancel{background-color:#fff;border:1px solid #7f7273;color:#7f7273}button.ok{background-color:#28a745;border:1px solid #28a745;color:#fff}button.clear{background-color:#7f7273;border:1px solid #7f7273;color:#fff}button.clear:hover{background-color:#856e6e;color:#fff;border-color:#856e6e}button.ok:hover{background-color:#218838;border-color:#218838}button.cancel:hover{background-color:#7f7273;color:#fff;border-color:#7f7273}button.submit{background-color:#007bff;border:1px solid #007bff;color:#fff}button.submit:hover{background-color:#0069d9;border-color:#0069d9}button.print-preview{background-color:#b39660;font-size:21px;height:35px;width:35px;border-radius:50%;color:#fff;border:none;display:flex;align-items:center;justify-content:center}button.print-preview:hover{background-color:#a67c50}button.print-preview:before{content:"📄"}button.print-preview.generating:before{content:"⏳";animation:infinite 2s linear print-preview-pulse}@keyframes print-preview-pulse{0%{transform:rotate(0);transform-origin:center center}to{transform:rotate(360deg);transform-origin:center center}}button.red{background-color:#ff4d4f;border:1px solid #ff4d4f;color:#fff}button.red:hover{background-color:#ff7875;border-color:#ff7875}*:disabled{opacity:.8;cursor:not-allowed}dialog{margin:auto}header.dialog-top-bar{display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#1a1a1a;color:#fff}legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px 1rem}label{display:flex;align-items:center;gap:5px}input:not([type=checkbox]):not([type=radio]),select,textarea{padding:5px}textarea{resize:vertical}table{width:100%;border-collapse:collapse}thead{background-color:#303743;color:#fff}th{text-align:center;padding:15px;color:#94a1b2;font-size:13px;text-transform:uppercase;letter-spacing:.5px}td{padding:1px}td>input:not([type=checkbox]):not([type=radio]),td>select,td>textarea{width:100%;padding:5px}tbody tr:nth-child(2n){background-color:#2d2e33}tbody tr:nth-child(odd){background-color:#2d2e3380}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#main-content{display:grid;grid-template-columns:1fr auto}.component-container{padding:20px;width:100%}.component-header{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;align-items:center;margin-bottom:20px}.component-header>div{display:flex;align-items:center;gap:10px}.dynamic-form-dialog .dialog-content{display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr;padding:0;min-width:300px;min-height:600px;width:80vw;height:80vh}.hflex,.vflex{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}.vflex{flex-direction:column}.vertical-tab{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start;justify-content:center}.vertical-tab .tab-menu,.vertical-tab .tab-content{width:100%;display:flex;flex-direction:column;gap:5px}.vertical-tab .tab-menu>button{padding:10px;border:none;background:#77b8c0;color:#fff;cursor:pointer;border-radius:4px;margin-left:-10px;transition:all 1s ease}.vertical-tab .tab-menu>button.active{background:#2d4a67;margin-left:0;margin-right:-10px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.kpi-card{background:#16161a;padding:20px;border-radius:8px;border:1px solid #242629;box-shadow:0 4px 6px #0000001a}.kpi-label{font-size:13px;color:#94a1b2;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:32px;font-weight:700;margin-top:10px;font-family:monospace}.kpi-subtext{font-size:12px;color:#4a4d52;margin-top:8px}.detail-section{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;gap:.5rem 2rem;padding:20px;background-color:#473722;margin:10px 0;border-radius:5px}.detail-section label{display:grid;grid-template-columns:15ch 1fr;align-items:center;gap:5px;text-align:left}#main-header{display:flex;justify-content:space-between;align-items:center;padding:5px 1rem;position:sticky;top:0;left:0;background-color:#101517;z-index:1000}#main-header .logo{display:grid;grid-template-columns:80px max-content;gap:5px;cursor:pointer;align-items:center}#main-header .logo-name{position:relative;padding-right:20px;color:#fff}#main-header .logo-name h1{font-family:monospace;font-size:50px}#main-header .logo-name .trademark{position:absolute;right:0;top:10px;width:20px;height:20px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:8px}#main-header .logo-name .log-subname{font-size:12px;color:#ccc;margin-top:-15px}#main-header .controls{display:flex;gap:5px 1rem;align-items:center}#main-header .sidebar-toggle{width:30px;height:30px;background-color:transparent;border:none;cursor:pointer;position:relative;padding:.6em 1.2em}#main-header .sidebar-toggle:before,#main-header .sidebar-toggle:after,#main-header .sidebar-toggle div{content:"";position:absolute;width:100%;height:4px;background-color:#fff;transition:transform .3s ease}#main-header .sidebar-toggle:before{top:0;left:0}#main-header .sidebar-toggle:after{bottom:0;left:0}#main-header .sidebar-toggle div{top:50%;left:0;transform:translateY(-50%)}#main-header .sidebar-toggle.open:before{transform:rotate(45deg);transform-origin:top left}#main-header .sidebar-toggle.open:after{transform:rotate(-45deg);transform-origin:bottom left}#main-header .sidebar-toggle.open div{transform:scale(0)}footer{background-color:#101517}.mini-navigation-container{position:relative;display:flex;flex-direction:column;align-items:self-end;gap:10px}.mini-navigation-handle{color:#fff;border:none;padding:0;width:10px;height:30px;cursor:pointer;font-weight:700;font-size:14pt;background-color:#ccc;background-image:radial-gradient(#252638 40%,transparent 20%);background-size:10px 10px;background-position:0 0,10px 10px}.mini-navigation-list{display:none;background-color:#e5e5f7}.mini-navigation-list.active{display:grid;grid-template-columns:max-content;gap:1px;position:absolute;right:0;top:100%;z-index:999;border-radius:5px;background-color:transparent}.mini-navigation-list.active>button{border:none;color:#252638;padding:5px 10px;text-align:left;cursor:pointer;background-color:#b1b1d8}.mini-navigation-list.active>button:hover{background-color:#252638;color:#fff;border-radius:5px}nav{width:0;transition:all .3s ease;background-color:#2c3e50;padding:0}nav>button{display:none;transition:all .3s ease}nav.open{width:250px;padding:10px}nav.open>button{display:block}nav>.nav-group{display:none;transition:all .3s ease}nav.open>.nav-group{display:block}.nav-group-header{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 5px;background-color:transparent;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:20px}.nav-group-header.active{background-color:#1a2a40}.nav-group-header.shown:not(.active){background-color:#34495e}.nav-group-header:after{content:"▼";font-size:12px;margin-left:5px;transition:transform .3s ease;width:20px;height:20px;border:1px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-group-header:hover{background-color:#3d566e}.nav-group-header:hover:after{background-color:#fff;color:#2c3e50}.nav-group-header.shown:after{transform:rotate(180deg)}.nav-group-item{display:none;width:100%;text-align:left;padding:5px 5px 5px 15px;background-color:transparent;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:16px}.nav-group-item.active{background-color:#34495e;color:#61dafb}.nav-group-item.shown{display:block}.nav-group-item:hover{background-color:#3d566e}.money-input-wrapper{display:inline-block;font-family:system-ui,-apple-system,sans-serif}.money-input{padding:5px;border:1px solid #ccc;border-radius:2px;outline:none;transition:border-color .2s,box-shadow .2s;width:200px;text-align:right}.money-input:focus{border-color:#06f;box-shadow:0 0 0 3px #06f3}.money-input::placeholder{color:#aaa}