:root{--primary:#d42037;--sidebar-bg:#2d3f54;--sidebar-hover:#1e2a38;--sidebar-text:#fff;--bg-main:#f4f5f7;--text-main:#333;--border:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);overflow:hidden}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);z-index:1000;flex-direction:column;align-items:center;width:60px;padding-top:10px;display:flex;position:relative}.sidebar-icon{color:#9ba7b5;cursor:pointer;justify-content:center;width:100%;padding:16px 0;transition:all .2s;display:flex;position:relative}.sidebar-icon:hover,.sidebar-icon.active{background-color:var(--sidebar-hover);color:#fff}.sidebar-icon.active:before{content:"";background-color:#4bc0c0;width:4px;position:absolute;top:0;bottom:0;left:0}.mega-menu{z-index:999;opacity:0;pointer-events:none;background-color:#fff;flex-direction:column;width:450px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:60px;transform:translate(-100%);box-shadow:4px 0 15px #0000001a}.mega-menu.open{opacity:1;pointer-events:auto;transform:translate(0)}.mega-menu-header{color:#444;border-bottom:2px solid #e12555;padding:16px 20px;font-size:18px}.mega-menu-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid;overflow-y:auto}.grid-item{aspect-ratio:1;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.grid-item span{margin-top:8px;font-size:11px;line-height:1.2}.grid-orange{color:#e67e22;background:#fff5e6;border-color:#fbdba7}.grid-blue{color:#2980b9;background:#e6f2ff;border-color:#a7d1fb}.grid-green{color:#27ae60;background:#eaffea;border-color:#b0f5b0}.grid-purple{color:#8e44ad;background:#f5e6ff;border-color:#e0b0ff}.main-wrapper{background-color:#f0f2f5;flex-direction:column;flex:1;display:flex}.topbar{color:#fff;background:linear-gradient(135deg,#2c3e50 0%,#1a252f 50%,#e74c3c 100%);justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}.topbar-logo{letter-spacing:.5px;align-items:center;font-size:20px;font-style:italic;font-weight:800;display:flex}.topbar-logo span{opacity:.8;margin-left:5px;font-size:14px;font-weight:400}.topbar-right{align-items:center;gap:16px;display:flex}.tabs-container{background-color:#dfe3e8;border-bottom:1px solid #ccc;gap:4px;padding:8px 16px 0;display:flex}.tab{cursor:pointer;color:#555;background-color:#c4cdd5;border:1px solid #bbb;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.tab.active{color:var(--primary);border-top:3px solid var(--primary);background-color:#fff;border-bottom:1px solid #fff;margin-bottom:-1px;font-weight:600}.tab-close{border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.tab-close:hover{color:red;background-color:#0000001a}.page-container{background-color:#fff;flex:1;padding:20px;overflow:auto}.page-toolbar{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.toolbar-actions{gap:10px;display:flex}.btn-icon{cursor:pointer;color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-primary{background:#0052cc}.btn-secondary{color:#333;background:#e0e0e0}.btn-success{background:#36b37e}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border:1px solid #eee;padding:12px 15px;font-size:13px}.data-table th{color:#5e6c84;text-align:left;background-color:#f4f5f7;font-weight:600}.form-group{margin-bottom:15px}.form-group label{color:#666;margin-bottom:5px;font-size:13px;display:block}.form-control{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.transaction-form-layout{height:100%;display:flex;position:relative}.form-content{background:#fff;border-radius:4px;flex-direction:column;flex:1;margin:10px;display:flex;box-shadow:0 1px 3px #0000001a}.form-header{background:#fdfdfd;border-bottom:2px solid #e12555;justify-content:space-between;display:flex}.form-tabs{display:flex}.ftab{background:#fff;border:1px solid #e0e0e0;border-top:3px solid #36b37e;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:8px;margin-top:5px;margin-left:10px;padding:10px 20px;font-weight:600;display:flex}.ftab .icon-close{cursor:pointer;color:#999}.ftab .icon-close:hover{color:red}.form-controls{align-items:center;gap:10px;padding:10px;display:flex}.btn-outline{color:#0052cc;cursor:pointer;background:#fff;border:1px solid #0052cc;border-radius:4px;padding:6px 12px}.form-grid{background:#fafbfc;border-bottom:1px solid #eee;gap:30px;padding:20px;display:flex}.form-group-inline{align-items:center;gap:15px;display:flex}.form-group-inline label{width:120px;font-weight:500}.form-group-inline label:after{content:" *";color:red}.table-wrapper{flex:1;padding:20px;overflow:auto}.table-header-controls{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;display:flex}.form-table th{color:#fff;background:#5e6c84;font-weight:500}.form-table td{padding:5px}.form-footer{background:#fafbfc;border-top:1px solid #eee;justify-content:flex-end;padding:20px;display:flex}.footer-summary{align-items:flex-end;gap:20px;display:flex}.summary-box{flex-direction:column;align-items:flex-end;display:flex}.summary-box label{color:#666;margin-bottom:5px;font-size:12px}.summary-box .val{font-size:18px;font-weight:700}.summary-box.total .val{font-size:24px}.floating-actions{flex-direction:column;align-items:center;gap:10px;width:60px;padding-top:10px;display:flex}.fab{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:0 2px 5px #0003}.fab:hover{opacity:.9;transform:translateY(-2px)}.fab-save{background:#0052cc}.fab-doc,.fab-attach{background:#4c9aff}.fab-more{background:#36b37e}.list-view-layout{background:#fdfdfd;flex-direction:column;height:100%;display:flex}.list-header-tabs{background:#fdfdfd;border-bottom:1px solid #ccc;padding-top:10px;display:flex}.btn-list-tab{cursor:pointer;color:#555;background:#fff;border:1px solid #0000;border-bottom:none;align-items:center;gap:8px;padding:8px 15px;font-weight:500;display:flex}.btn-list-tab.active{color:#333;border-color:#36b37e #ccc #ccc;border-top-style:solid;border-top-width:3px;border-radius:4px 4px 0 0;margin-bottom:-1px}.list-filters{border-bottom:1px solid #eee;gap:10px;padding:15px 20px;display:flex}.filter-select{color:#555;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 10px}.btn-filter-icon{color:#fff;cursor:pointer;background:#eccc68;border:1px solid #a4b0be;border-radius:4px;padding:6px 10px}.list-action-bar{background:#fff;justify-content:space-between;padding:10px 20px;display:flex}.actions-left,.actions-right{align-items:center;gap:8px;display:flex}.btn-action-primary{color:#fff;cursor:pointer;background:#0052cc;border:none;border-radius:4px;padding:6px 12px}.btn-action-secondary{color:#0052cc;cursor:pointer;background:#fff;border:1px solid #0052cc;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;display:flex}.search-box{background:#fff;border:1px solid #ccc;border-radius:4px;align-items:center;padding:4px 8px;display:flex}.search-box input{border:none;outline:none;width:150px}.record-count{background:#f1f2f6;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:12px}.list-table-container{flex:1;padding:0 20px 20px;overflow:auto}.list-data-table{border-collapse:collapse;width:100%}.list-data-table th{color:#fff;text-align:left;background:#5e6c84;border:1px solid #7a8ba3;padding:10px;font-size:13px;font-weight:400}.list-data-table th .th-content{justify-content:space-between;align-items:center;display:flex}.list-data-table th .sort-arrows{opacity:.5;font-size:10px}.list-data-table td{border:1px solid #eee;padding:10px;font-size:13px}.list-data-table tbody tr:nth-child(2n){background:#fafbfc}.list-data-table tbody tr:hover{background:#f0f2f5}.dashboard-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.widget-card{background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;display:flex}.widget-header{color:#555;border-bottom:1px solid #eee;justify-content:space-between;padding:10px 15px;font-size:13px;font-weight:600;display:flex}.widget-body{flex:1;min-height:150px;padding:15px}.widget-empty{color:#999;text-align:center;padding-top:50px;font-style:italic}.summary-box-d{justify-content:space-between;margin-bottom:10px;display:flex}.progress-bar-container{border-radius:2px;height:20px;margin-top:10px;display:flex;overflow:hidden}.progress-segment{height:100%}.v-tab{cursor:pointer;color:#666;border-bottom:1px solid #ddd;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.v-tab:hover{background:#eee}.v-tab.active{color:#e74c3c;background:#fff;border-left:3px solid #e74c3c}.info-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.info-section-title{color:#3498db;border-bottom:1px solid #eee;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:5px;font-size:14px;font-weight:600;display:flex}.info-form-group{align-items:center;margin-bottom:10px;font-size:13px;display:flex}.info-form-group label{color:#555;width:140px}.info-form-group .form-control{flex:1}