:root{--sidebar-width: 200px;--sidebar-collapsed: 64px;--topbar-height: 56px;--bg: #f5f7fa;--primary: #D2AD00;--text-white: #fff;--text: #333;--muted: #666;--border: rgba(0, 0, 0, .08);--danger: #ef4444;--accent: #D2AD00;--panel: #fff}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.splash-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:100}.splash-logo{height:300px;margin-bottom:20px;border-radius:8px;opacity:0;animation:fadeIn 1s ease-in-out forwards}.splash-signin-btn{border-radius:5px;border:1px solid #ab8a28;background:#161206;padding:10px;margin-top:100px;min-width:100px;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#ab8a28;cursor:pointer;opacity:0;animation:fadeIn 1s ease-in-out .3s forwards}.splash-signin-btn:hover{border:1px solid #ffd040;background:#251f0a;color:#ffd040;transition:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-area{display:flex;flex:1;overflow:hidden}.topbar{height:var(--topbar-height);width:100%;background:#1b1b1b;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-shadow:0 1px #0000000f;z-index:10;flex-shrink:0}.brand{display:flex;align-items:center;gap:8px;font-size:1.8rem;font-weight:500;color:var(--primary);height:100%}.brand .logo{height:75%;margin:-6px;padding-right:15px;padding-left:4px}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.customer-selector{display:flex;align-items:center}.customer-select{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;padding:6px 12px;font-size:.85rem;cursor:pointer;min-width:150px;max-width:250px}.customer-select:hover{background:#ffffff40}.customer-select:focus{outline:none;border-color:#ffffff80}.customer-select option{background:#333;color:#fff}.user{font-size:.9rem;font-weight:500;color:var(--text-white);margin:0 0 0 5px;cursor:pointer;padding:6px 10px;border-radius:4px;transition:background-color .15s ease}.user:hover{background-color:#ffffff1a}.user-menu-container{position:relative}.btn-more{background:none;border:none;padding:6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-more:hover{background:#ffffff1a}.btn-more img{width:20px;height:20px;filter:brightness(0) invert(1)}.user-menu{position:absolute;right:0;top:100%;margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:140px;overflow:hidden}.user-menu-item{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:14px;cursor:pointer;color:var(--text)}.user-menu-item:hover{background:#fafafa}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-collapsed);background:#2b2b2b;color:#fff;transition:width .2s;display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.menu{padding:8px 0;display:flex;flex-direction:column;gap:6px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;color:#cbd5e1;text-decoration:none;border:none;background:none;font-size:14px;font-family:inherit;width:100%;text-align:left}.menu-item:hover{background:#ffffff08}.menu-item.active{background:#ffffff0f;color:#fff}.menu-item .icon{width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center}.menu-item .icon img{width:20px;height:20px}.menu-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{margin-top:auto;padding:12px 16px;font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .menu-title{display:none}.sidebar.collapsed .sidebar-footer{font-size:9px;text-align:center;white-space:pre-line;padding:12px 2px 4px 6px;line-height:1.4}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-scroll{padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.btn-material{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:36px;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,box-shadow .2s;background-color:#535353;color:#fff}.btn-material:hover{background-color:#6a6a6a;box-shadow:0 2px 4px #0003}.btn-material:active{background-color:#3d3d3d}.btn-material:focus{outline:none;box-shadow:0 0 0 3px #d2ad004d}.card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000f}.hstack{display:flex;gap:12px;align-items:center}.vstack{display:flex;gap:12px;flex-direction:column}select{background:#f9f9fb;border:1px solid #ddd;padding:8px 10px;border-radius:6px;font-size:14px;font-family:inherit;color:var(--text);cursor:pointer}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d2ad0026}input,textarea{width:100%;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 12px;color:var(--text);font-family:inherit}input:disabled,textarea:disabled{background:#f7f7f7}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d2ad0026}input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-checkbox{display:flex;align-items:center;gap:8px}.form-checkbox input[type=checkbox]{width:18px;height:18px}.form-checkbox label{font-size:14px}button{border:1px solid #ddd;background:#d2ad001f;color:var(--text);padding:10px 12px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background-color .2s}button:hover{background:#d2ad0038}button.danger{background:#ef44441f;border-color:#ef444433}button.danger:hover{background:#ef444438}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-6{grid-column:span 6}.col-12{grid-column:span 12}@media(max-width:920px){.col-6{grid-column:span 12}}.report-frame{width:100%;height:72vh;border:1px solid var(--border);border-radius:10px;background:#fff}.small{color:var(--muted);font-size:12.5px;line-height:1.4;padding-top:2px}.kv{display:flex;flex-direction:column;gap:4px}.kv .k{color:var(--muted);font-size:12px}.kv .v{font-weight:600}.list{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 1px 2px #0000000a}