:root{--primary-50:#e6f4fb;--primary-100:#cce9f7;--primary-200:#99d3ef;--primary-300:#66bde7;--primary-400:#33a7df;--primary-500:#0090da;--primary-600:#0078b5;--primary-700:#006090;--primary-800:#00486c;--primary-900:#003048;--accent-emerald:#2ecc71;--accent-amber:#f5a623;--accent-rose:#e74c3c;--accent-violet:#6c5ce7;--accent-cyan:#00b894;--accent-orange:#e67e22;--gray-50:#fafbfc;--gray-100:#f0f1f3;--gray-200:#e4e6e8;--gray-300:#d0d3d6;--gray-400:#9ea2a8;--gray-500:#6d7580;--gray-600:#4a5158;--gray-700:#353a40;--gray-800:#24282d;--gray-900:#16191c;--gray-950:#0a0c0e;--bg-primary:#f0f1f3;--bg-secondary:#fff;--bg-sidebar:linear-gradient(180deg, #1a2332 0%, #243447 100%);--bg-card:#fff;--bg-hover:#f5f6f8;--text-primary:#1a1f25;--text-secondary:#4a5158;--text-tertiary:#6d7580;--text-muted:#9ea2a8;--text-white:#fff;--border-color:#e4e6e8;--border-radius-sm:3px;--border-radius-md:4px;--border-radius-lg:4px;--border-radius-xl:6px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--shadow-xl:0 8px 24px #0000001f;--shadow-glow:0 0 12px #0090da26;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--sidebar-width:220px;--sidebar-collapsed:60px;--header-height:56px;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:var(--bg-secondary);color:var(--text-primary);outline:none;padding:10px 14px}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61f}table{border-collapse:collapse;width:100%}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-content{padding:24px;padding-top:calc(var(--header-height) + 24px);flex:1}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);height:100vh;color:var(--text-white);z-index:1000;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;min-height:72px;padding:20px;display:flex}.sidebar-logo .logo-icon{background:var(--primary-500);border-radius:var(--border-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-logo .logo-text{white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);font-size:16px;font-weight:700;overflow:hidden}.sidebar.collapsed .logo-text{opacity:0;width:0}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.nav-group-title{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff59;white-space:nowrap;padding:10px 20px 6px;font-size:10px;font-weight:600;overflow:hidden}.sidebar.collapsed .nav-group-title{opacity:0;height:0;padding:0}.nav-item{border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);color:#ffffffa6;white-space:nowrap;align-items:center;gap:12px;margin:2px 8px;padding:10px 20px;display:flex;position:relative;overflow:hidden}.nav-item.active{color:var(--primary-300);background:#3b82f633}.nav-item .nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:18px;display:flex}.nav-item .nav-text{opacity:1;transition:opacity var(--transition-fast);overflow:hidden}.sidebar.collapsed .nav-text{opacity:0;width:0}.nav-item .nav-badge{background:var(--accent-rose);color:#fff;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.4}.sidebar.collapsed .nav-badge{display:none}.sidebar-toggle{cursor:pointer;color:#ffffff80;transition:color var(--transition-fast);border-top:1px solid #ffffff14;justify-content:center;align-items:center;padding:16px 20px;display:flex}.sidebar-toggle:hover{color:#ffffffe6}.header{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:999;transition:left var(--transition-base);background:#ffffffd9;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed}.header-left{align-items:center;gap:16px;display:flex}.header-title{color:var(--text-primary);font-size:18px;font-weight:700}.header-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.header-breadcrumb .separator{color:var(--gray-300)}.header-right{align-items:center;gap:12px;display:flex}.header-search{position:relative}.header-search input{background:var(--gray-100);width:280px;transition:all var(--transition-fast);border:1px solid #0000;border-radius:4px;padding:8px 14px 8px 36px;font-size:13px}.header-search input:focus{border-color:var(--primary-300);background:#fff;width:340px;box-shadow:0 0 0 3px #3b82f61a}.header-search .search-icon{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-action{width:38px;height:38px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.header-action:hover{background:var(--gray-100);color:var(--text-primary)}.header-action .badge{background:var(--accent-rose);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.header-user{border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:6px 12px;display:flex}.header-user .avatar{background:var(--primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.header-user .user-info{line-height:1.3}.header-user .user-name{color:var(--text-primary);font-size:13px;font-weight:600}.header-user .user-role{color:var(--text-muted);font-size:11px}.login-page{background:#edf2f8;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-shell{width:min(420px,100%)}.login-brand-panel{display:none}.login-form-panel{background:#fff;border:1px solid #d8e3ef;border-radius:4px;flex-direction:column;padding:28px;display:flex;box-shadow:0 12px 35px #183a601f}.login-form-head h2{color:#1e2f47;margin-bottom:0;font-size:28px;line-height:1.2}.login-form-head p{display:none}.login-form{flex-direction:column;gap:12px;margin-top:18px;display:flex}.login-input-wrap{flex-direction:column;gap:0;display:flex}.login-input-wrap>span{display:none}.login-input-box{color:#64748b;height:46px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1px solid #cfdceb;border-radius:4px;align-items:center;gap:10px;padding:0 14px;display:flex}.login-input-box:focus-within{border-color:#0f80ff;box-shadow:0 0 0 3px #0f80ff1f}.login-input-box input{color:#1f2f48;background:0 0;border:none;width:100%;padding:0;font-size:15px}.login-input-box input:focus{box-shadow:none;border:none}.login-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:4px;padding:9px 12px;font-size:13px;font-weight:500}.login-submit-btn{border-radius:4px;justify-content:center;gap:8px;width:100%;height:44px;margin-top:4px;font-size:14px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base);padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.blue:before{background:linear-gradient(90deg, var(--primary-500), var(--primary-400))}.stat-card.green:before{background:linear-gradient(90deg, var(--accent-emerald), #34d399)}.stat-card.amber:before{background:linear-gradient(90deg, var(--accent-amber), #fbbf24)}.stat-card.rose:before{background:linear-gradient(90deg, var(--accent-rose), #fb7185)}.stat-card.violet:before{background:linear-gradient(90deg, var(--accent-violet), #a78bfa)}.stat-card.cyan:before{background:linear-gradient(90deg, var(--accent-cyan), #22d3ee)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card .stat-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-card .stat-icon{border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.stat-card.blue .stat-icon{color:var(--primary-500);background:#3b82f61a}.stat-card.green .stat-icon{color:var(--accent-emerald);background:#10b9811a}.stat-card.amber .stat-icon{color:var(--accent-amber);background:#f59e0b1a}.stat-card.rose .stat-icon{color:var(--accent-rose);background:#f43f5e1a}.stat-card.violet .stat-icon{color:var(--accent-violet);background:#8b5cf61a}.stat-card.cyan .stat-icon{color:var(--accent-cyan);background:#06b6d41a}.stat-card .stat-trend{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:flex}.stat-trend.up{color:var(--accent-emerald);background:#10b9811a}.stat-trend.down{color:var(--accent-rose);background:#f43f5e1a}.stat-card .stat-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.2}.stat-card .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.data-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.data-card-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.data-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.data-card-title .count{background:var(--primary-100);color:var(--primary-700);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.data-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:12px;font-weight:600}.data-table th.sortable{cursor:pointer;transition:color var(--transition-fast)}.data-table th.sortable:hover{color:var(--primary-600)}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:14px 16px;font-size:13px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:last-child td{border-bottom:none}.cell-product{align-items:center;gap:12px;display:flex}.cell-product .product-img{border-radius:var(--border-radius-sm);object-fit:cover;background:var(--gray-100);flex-shrink:0;width:40px;height:40px}.cell-product .product-info .product-name{color:var(--text-primary);margin-bottom:2px;font-weight:600}.cell-product .product-info .product-code{color:var(--text-muted);font-size:11px}.cell-money{font-variant-numeric:tabular-nums;font-weight:600}.cell-money.positive{color:var(--accent-emerald)}.cell-money.negative{color:var(--accent-rose)}.status-badge{border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-badge.success{color:#059669;background:#10b9811a}.status-badge.success:before{background:#059669}.status-badge.warning{color:#d97706;background:#f59e0b1a}.status-badge.warning:before{background:#d97706}.status-badge.danger{color:#e11d48;background:#f43f5e1a}.status-badge.danger:before{background:#e11d48}.status-badge.info{color:#2563eb;background:#3b82f61a}.status-badge.info:before{background:#2563eb}.status-badge.neutral{background:var(--gray-100);color:var(--text-secondary)}.status-badge.neutral:before{background:var(--gray-400)}.pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-buttons{align-items:center;gap:4px;display:flex}.pagination-btn{border-radius:var(--border-radius-sm);min-width:34px;height:34px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.pagination-btn:hover{background:var(--gray-100);color:var(--text-primary)}.pagination-btn.active{background:var(--primary-500);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.btn{border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-500);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--primary-600);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg, #059669, var(--accent-emerald));color:#fff;box-shadow:0 2px 4px #05966933}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0596694d}.btn-danger{background:linear-gradient(135deg, #e11d48, var(--accent-rose));color:#fff;box-shadow:0 2px 4px #e11d4833}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #e11d484d}.btn-warning{background:linear-gradient(135deg, #d97706, var(--accent-amber));color:#fff}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.btn-action-icon{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-action-icon:hover{background:var(--gray-100,#f3f6fb);border-color:var(--border-color,#e2e8f0)}.btn-action-icon:focus-visible{outline:2px solid var(--primary-300,#93b8ff);outline-offset:1px}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-label .required{color:var(--accent-rose);margin-left:2px}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;transition:all var(--transition-fast);background:var(--bg-secondary);padding:10px 14px;font-size:13px}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61f}.form-input.error{border-color:var(--accent-rose);box-shadow:0 0 0 3px #f43f5e1a}.form-error{color:var(--accent-rose);margin-top:4px;font-size:12px}.form-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-row.three{grid-template-columns:repeat(3,1fr)}.user-permission-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.user-permission-actions{flex-wrap:wrap;gap:6px;display:flex}.user-permission-groups{flex-direction:column;gap:10px;display:flex}.user-permission-group{background:#f9fbff;border:1px solid #dce6f3;border-radius:4px;padding:10px}.user-permission-group-title{text-transform:uppercase;letter-spacing:.04em;color:#5f7490;margin-bottom:8px;font-size:12px;font-weight:700}.user-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.user-permission-item{cursor:pointer;background:#fff;border:1px solid #dbe6f2;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.user-permission-item.is-enabled{background:#eef5ff;border-color:#9fc4ff}.user-permission-item-label{color:#243a55;font-size:13px;font-weight:600}.user-permission-switch{flex:none;width:42px;height:24px;position:relative}.user-permission-switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.user-permission-slider{background:#c9d5e4;border-radius:999px;transition:background-color .2s;position:absolute;inset:0}.user-permission-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #121d3040}.user-permission-switch input:checked+.user-permission-slider{background:#2f68e5}.user-permission-switch input:checked+.user-permission-slider:after{transform:translate(18px)}.user-permission-summary{color:#5d7290;margin-top:10px;font-size:13px}.user-permission-summary strong{color:#1f3b63}.user-permission-item-compact{color:#1f3b63;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.user-permission-item-compact:hover{background:#f3f5f9}.user-permission-item-compact input[type=checkbox]{cursor:pointer;margin:0}.edit-order-customer-panel{background:linear-gradient(#f8fbff 0%,#f3f7ff 100%);border:1px solid #d8e1ee;border-radius:4px;margin-bottom:14px;padding:14px}.edit-order-customer-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.edit-order-customer-panel-sub{color:var(--text-secondary);margin:0;font-size:12px}.edit-order-add-customer-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.edit-order-customer-search{position:relative}.edit-order-customer-search .form-input{background:#fff;padding-left:38px}.edit-order-customer-search-icon{color:var(--text-muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.edit-order-customer-dropdown{z-index:35;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);background:#fff;border-radius:4px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.edit-order-customer-option{text-align:left;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;width:100%;transition:background var(--transition-fast);background:#fff;padding:10px 12px}.edit-order-customer-option:last-child{border-bottom:none}.edit-order-customer-option:hover{background:var(--gray-50)}.edit-order-customer-option.guest{color:var(--text-primary);font-weight:700}.edit-order-customer-option-primary{color:var(--text-primary);font-size:13px;font-weight:600}.edit-order-customer-option-secondary{color:var(--text-muted);margin-top:2px;font-size:11px}.edit-order-customer-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:13px}.edit-order-customer-selected{color:var(--text-secondary);background:#f8fafc;border:1px dashed #d1dae8;border-radius:4px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.edit-order-customer-selected.is-linked{color:#1e3a8a;background:#ebf4ff;border-color:#bfd8ff}.edit-order-customer-selected strong{color:var(--text-primary);font-size:13px}.edit-order-customer-selected.is-linked strong{color:#1d4ed8}.edit-order-customer-selected-label{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.edit-order-body{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:18px;display:grid}.edit-order-main{min-width:0}.edit-order-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr);gap:12px;display:grid}.edit-order-items-head{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 8px;display:flex}.edit-order-items-wrap{border:1px solid var(--border-color);background:#fff;border-radius:4px;overflow:auto}.edit-order-items-table{min-width:650px;font-size:13px}.edit-order-items-table th,.edit-order-items-table td{vertical-align:middle;padding:9px 10px}.edit-order-items-table th:first-child{width:42%}.edit-order-items-table th:nth-child(2){width:18%}.edit-order-items-table th:nth-child(3){width:92px}.edit-order-items-table th:nth-child(4){width:18%}.edit-order-items-table th:nth-child(5){width:44px}.edit-order-money-input{text-align:right}.edit-order-qty-input{text-align:center;font-weight:700}.edit-order-note{margin-top:12px}.edit-order-side{border:1px solid var(--border-color);background:#f8fafc;border-radius:4px;gap:8px;padding:12px;display:grid;position:sticky;top:0}.edit-order-summary-row,.edit-order-summary-final{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.edit-order-summary-row strong{color:var(--text-primary)}.edit-order-summary-final{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:10px 0;font-weight:700}.edit-order-summary-final strong{color:var(--primary-600);font-size:16px}.edit-order-summary-row.danger,.edit-order-summary-row.danger strong{color:var(--accent-rose);font-weight:700}.edit-order-summary-row.success,.edit-order-summary-row.success strong{color:var(--accent-emerald);font-weight:700}.product-form-body{gap:14px;display:grid}.product-form-body .form-group{margin-bottom:0}.product-form-body textarea.form-input{resize:vertical;min-height:78px}.product-detail-modal{max-width:860px}.modal.large.product-detail-modal{border-radius:16px;width:min(96vw,1180px);max-width:1180px;max-height:92vh;overflow:hidden;box-shadow:0 28px 72px -24px #0f205047}.product-detail-header{background:linear-gradient(135deg,#f6f9ff 0%,#eaf1ff 60%,#e3ecff 100%);border-bottom:1px solid #dbe5f5;padding:18px 24px 16px}.product-detail-subtitle{color:#6b7a95;letter-spacing:.01em;margin-top:4px;font-size:12.5px}.product-detail-tabs{border-bottom:1px solid #e6ecf6;gap:0;margin-bottom:4px;padding:0 2px;display:flex}.product-detail-tab{appearance:none;color:#6b7a95;cursor:pointer;background:0 0;border:none;border-radius:0;padding:10px 16px;font-size:13.5px;font-weight:600;transition:color .15s;position:relative}.product-detail-tab:hover{color:#2c4a88}.product-detail-tab.is-active{color:#2d5bd8}.product-detail-tab.is-active:after{content:"";background:#2d5bd8;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1px;left:12px;right:12px}.product-detail-body{gap:16px;display:grid}.product-detail-hero{grid-template-columns:240px 1fr;align-items:stretch;gap:18px;display:grid}.product-detail-media{background:#f7faff;border:1px solid #e3ebf7;border-radius:14px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden;box-shadow:0 8px 24px -18px #0f205040}.product-detail-image{object-fit:contain;width:100%;height:100%;display:block}.product-detail-placeholder{color:#8aa6db;background:radial-gradient(circle at 30% 20%,#6390f72e,#0000 55%),radial-gradient(circle at 75% 85%,#92c6ff38,#0000 60%),linear-gradient(145deg,#eef4ff 0%,#dde6fb 100%);justify-content:center;align-items:center;width:100%;height:100%;min-height:220px;display:flex}.product-detail-overview{background:#fff;border:1px solid #e3ebf7;border-radius:14px;flex-direction:column;gap:14px;padding:20px 22px;display:flex;box-shadow:0 8px 24px -20px #0f20502e}.product-detail-name{color:#1b2a47;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.25}.product-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.product-detail-tag{color:#4a5c7f;letter-spacing:.01em;background:#eef3fd;border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.product-detail-tag.stock.success{color:#1a7a3b;background:#16a34a1a;border-color:#16a34a2e}.product-detail-tag.stock.warning{color:#a6550a;background:#d977061f;border-color:#d9770638}.product-detail-tag.stock.danger{color:#b91c1c;background:#dc26261a;border-color:#dc262633}.product-detail-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto;display:grid}.product-detail-price-card{background:linear-gradient(#fff 0%,#fafcff 100%);border:1px solid #e3ebf7;border-radius:12px;padding:14px 16px 14px 18px;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.product-detail-price-card:hover{border-color:#cfdcf2;transform:translateY(-1px);box-shadow:0 10px 26px -22px #0f205052}.product-detail-price-card:before{content:"";background:linear-gradient(#b6c6e4 0%,#94a8cc 100%);border-radius:0 4px 4px 0;width:4px;position:absolute;top:12%;bottom:12%;left:0}.product-detail-price-card.selling:before{background:linear-gradient(#34c97c 0%,#0f8f61 100%)}.product-detail-price-card.profit.profit-positive:before{background:linear-gradient(#5b9dff 0%,#2d5bd8 100%)}.product-detail-price-card.profit.profit-negative:before{background:linear-gradient(#f56b8c 0%,#c62842 100%)}.product-detail-price-card.profit.profit-neutral:before{background:linear-gradient(#c8d3e5 0%,#95a4c1 100%)}.product-detail-price-card span{text-transform:uppercase;letter-spacing:.08em;color:#7b8aa6;font-size:10.5px;font-weight:600;display:block}.product-detail-price-card strong{color:#1b2a47;font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:6px;font-size:22px;font-weight:700;line-height:1.2;display:block}.product-detail-price-card.selling strong{color:#0f8f61}.product-detail-price-card.profit.profit-positive strong{color:#2d5bd8}.product-detail-price-card.profit.profit-negative strong{color:#c62842}.product-detail-price-card em{color:#2d5bd8;background:#2d5bd81a;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:11.5px;font-style:normal;font-weight:600;display:inline-block}.product-detail-price-card.profit.profit-negative em{color:#c62842;background:#c628421f}.product-detail-price-card.profit.profit-neutral em{color:#6b7a95;background:#eef2f8}.product-detail-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-detail-info-card{background:#fff;border:1px solid #e3ebf7;border-radius:12px;padding:14px 18px;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 4px 16px -16px #0f20502e}.product-detail-info-card:hover{border-color:#cdd8ee;box-shadow:0 10px 26px -20px #0f205047}.product-detail-info-card.full{grid-column:1/-1}.product-detail-info-label{text-transform:uppercase;letter-spacing:.06em;color:#8795ab;margin-bottom:6px;font-size:11px;font-weight:600}.product-detail-info-value{color:#1b2a47;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.product-detail-link{color:#315fcf;word-break:break-all;font-weight:500}.product-detail-description{color:#223250;white-space:pre-wrap;min-height:48px;font-size:14px;line-height:1.5}.product-detail-layout{flex-direction:column;gap:14px;display:flex}.product-detail-banner{background:#fff;border:1px solid #e6ecf6;border-radius:8px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.product-detail-banner-monogram{display:none}.product-detail-banner-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#8795ab;font-size:11px;font-weight:600}.product-detail-banner-title{color:#1b2a47;margin:0;font-size:18px;font-weight:700;line-height:1.3}.product-detail-banner-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.product-detail-pill{color:#4a5c7f;background:#f3f5f9;border:1px solid #e6ecf6;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.product-detail-pill.stock i{background:#94a3b8;border-radius:50%;width:6px;height:6px;display:inline-block}.product-detail-pill.stock.success{color:#166534;background:#f0fdf4;border-color:#d6f3df}.product-detail-pill.stock.success i{background:#16a34a}.product-detail-pill.stock.warning{color:#92400e;background:#fefce8;border-color:#fce8a8}.product-detail-pill.stock.warning i{background:#eab308}.product-detail-pill.stock.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.product-detail-pill.stock.danger i{background:#dc2626}.product-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.product-detail-stat{background:#fff;border:1px solid #e6ecf6;border-radius:8px;padding:12px 14px}.product-detail-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#8795ab;font-size:11px;font-weight:600}.product-detail-stat-value{color:#1b2a47;font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;font-weight:700;line-height:1.2}.product-detail-stat.sell-stat .product-detail-stat-value{color:#16a34a}.product-detail-stat.profit-stat.tone-positive .product-detail-stat-value{color:#2d5bd8}.product-detail-stat.profit-stat.tone-negative .product-detail-stat-value{color:#dc2626}.product-detail-stat-foot{color:#8795ab;margin-top:2px;font-size:12px;font-weight:400}.product-detail-rows{background:#fff;border:1px solid #e6ecf6;border-radius:8px;overflow:hidden}.product-detail-row{border-bottom:1px solid #f1f4fa;grid-template-columns:160px 1fr;align-items:center;gap:16px;padding:10px 16px;font-size:13px;display:grid}.product-detail-row:last-child{border-bottom:none}.product-detail-row.product-detail-row-block{align-items:flex-start}.product-detail-row-label{text-transform:uppercase;letter-spacing:.06em;color:#8795ab;font-size:11px;font-weight:600}.product-detail-row-value{color:#1b2a47;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.product-detail-row-text{color:#4a5c7f;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}@media (width<=900px){.product-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-row{grid-template-columns:1fr;gap:2px}}.product-history-summary-inline{color:#526482;padding:8px 2px 2px;font-size:13px}.product-history-summary-inline strong{color:#243452;font-size:14px}.product-history-summary-inline strong.in{color:#15803d}.product-history-summary-inline strong.out{color:#b45309}.product-history-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.product-history-summary-item{border:1px solid #dbe5f3;border-radius:4px;gap:4px;padding:10px 12px;display:grid}.product-history-summary-item span{color:#617491;font-size:12px}.product-history-summary-item strong{color:#233452;font-variant-numeric:tabular-nums;font-size:24px;line-height:1.15}.product-history-summary-item.in{background:#16a34a14;border-color:#16a34a38}.product-history-summary-item.out{background:#d9770614;border-color:#d9770638}.product-history-summary-item.net{background:#f8fbff}.product-history-summary-item .in{color:#15803d}.product-history-summary-item .out{color:#b45309}.product-history-table-wrap{border:1px solid #dbe5f3;border-radius:4px;max-height:56vh}.product-history-code{color:#2f4f96;white-space:nowrap;font-weight:600}.product-history-qty{font-variant-numeric:tabular-nums;font-weight:700}.product-history-qty.in{color:#15803d}.product-history-qty.out{color:#b45309}.product-history-empty,.product-history-error{text-align:center;padding:30px 16px}.product-history-empty{color:#64758f}.product-history-error{color:#dc2626}@media (width<=900px){.product-detail-hero{grid-template-columns:1fr}.product-detail-media{justify-content:center;align-items:center;min-height:220px;max-height:min(60vh,420px);padding:8px;display:flex}.product-detail-placeholder{min-height:140px;font-size:38px}.product-detail-price-grid,.product-detail-info-grid,.product-history-summary{grid-template-columns:1fr}.modal.large.product-detail-modal{width:100%;max-width:100%;max-height:90vh}.product-history-table-wrap{max-height:48vh}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--border-radius-xl);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal.large{max-width:800px}.modal.xlarge{max-width:1000px}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:17px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.tabs{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:24px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:13px;font-weight:500}.tab:hover{color:var(--primary-600)}.tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:600}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-input{position:relative}.filter-input input{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#fff;width:100%;padding:8px 14px 8px 36px;font-size:13px}.filter-input .filter-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-bar .filter-input{min-width:200px;position:relative}.filter-bar .filter-input input{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:#fff;width:100%;padding:8px 14px 8px 36px;font-size:13px}.filter-bar .filter-input .filter-icon{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-bar select{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);color:var(--text-secondary);background:#fff;min-width:140px;padding:8px 14px;font-size:13px}.shared-time-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shared-time-filter .cashbook-time-controls{min-width:0}.shared-time-filter .cashbook-time-select-wrap{min-width:168px}.shared-time-filter .cashbook-date-range-trigger{min-width:300px}.filter-bar .shared-time-filter{flex:460px}.time-filter-wrapper{min-width:200px;position:relative}.time-filter-trigger{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:100%;min-width:180px;height:38px;color:var(--text-secondary);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.time-filter-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.time-filter-trigger:hover{border-color:var(--gray-300)}.time-filter-trigger.open{border-color:var(--primary-400);box-shadow:0 0 0 3px #315fcf1a}.time-filter-popover{border:1px solid var(--border-color);width:440px;max-width:min(94vw,440px);box-shadow:var(--shadow-lg);z-index:2600;background:#fff;border-radius:4px;padding:14px;position:absolute;top:calc(100% + 8px);left:0}.time-filter-popover-title{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:700}.time-filter-option{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#fff;border-radius:4px;align-items:center;gap:10px;min-height:42px;margin-bottom:8px;padding:0 10px;font-size:13px;display:inline-flex}.time-filter-option:hover{background:var(--gray-50)}.time-filter-option.active{border-color:var(--primary-400);background:var(--primary-50)}.time-filter-radio{border:2px solid var(--gray-400);background:#fff;border-radius:999px;flex-shrink:0;width:16px;height:16px}.time-filter-option.active .time-filter-radio{border-color:var(--primary-500);background:var(--primary-500);box-shadow:inset 0 0 0 4px #fff}.time-filter-option-text{text-align:left;flex:1;font-weight:600}.time-filter-custom-panel{border:1px solid var(--border-color);background:#fbfdff;border-radius:4px;margin:4px 0 10px;padding:10px}.time-filter-range-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.time-filter-range-label strong{color:var(--text-primary)}.time-filter-date-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.time-filter-date-field{flex-direction:column;gap:5px;display:flex}.time-filter-date-field span{color:var(--text-tertiary);font-size:11px;font-weight:600}.time-filter-date-field input{border:1px solid var(--border-color);border-radius:4px;width:100%;height:34px;padding:0 10px;font-size:12px}.time-filter-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.time-filter-actions-right{align-items:center;gap:8px;display:flex}.time-filter-actions .btn{padding:6px 10px;font-size:12px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.empty-state .empty-icon{color:var(--gray-300);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state .empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:16px;font-weight:600}.empty-state .empty-desc{max-width:360px;margin:0 auto 20px;font-size:13px;line-height:1.6}.toast-container{z-index:3000;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:24px}.toast{border-radius:var(--border-radius-md);background:var(--gray-900);color:#fff;box-shadow:var(--shadow-xl);align-items:center;gap:10px;max-width:380px;padding:14px 20px;font-size:13px;font-weight:500;animation:.3s slideInRight;display:flex}.toast.success{border-left:4px solid var(--accent-emerald)}.toast.error{border-left:4px solid var(--accent-rose)}.toast.warning{border-left:4px solid var(--accent-amber)}.toast.info{border-left:4px solid var(--primary-500)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.chart-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:18px 20px}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chart-card-title{color:var(--text-primary);font-size:16px;font-weight:700}.report-page{flex-direction:column;gap:16px;display:flex}.report-toolbar{background:#fff;border:1px solid #dbe6f3;border-radius:4px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px;display:flex;box-shadow:0 1px 2px #0f172a0a}.report-filter-group{flex-direction:column;gap:6px;min-width:170px;display:flex}.report-filter-label{letter-spacing:.04em;text-transform:uppercase;color:#6781a0;font-size:11px;font-weight:700}.report-filter-select,.report-filter-date{border-radius:4px;min-height:40px}.report-toolbar-range{margin-left:auto}.report-toolbar .shared-time-filter{flex:520px;align-items:flex-end}.report-toolbar .shared-time-filter .cashbook-compact-filter-label{letter-spacing:.04em;text-transform:uppercase;color:#6781a0;font-size:11px;font-weight:700}.report-toolbar .shared-time-filter .cashbook-time-controls{width:100%}.report-toolbar-range-label{color:#1f5f97;background:#eaf4ff;border:1px solid #cfe4fb;border-radius:4px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.report-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}@media (width<=1200px){.report-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.report-kpi-card{background:#fff;border:1px solid #e6ecf3;border-radius:10px;flex-direction:column;gap:6px;min-height:112px;padding:16px 18px;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #0f172a05}.report-kpi-card:hover{border-color:#dde4ee;box-shadow:0 6px 20px #0f172a0f}:is(.report-kpi-card:has(.report-kpi-info:hover),.report-kpi-card:has(.report-kpi-info:focus-visible),.report-kpi-card:has(.report-kpi-info:focus)){z-index:90}.report-kpi-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-kpi-icon{color:#1565d8;background:#eef4ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.report-kpi-card.tone-blue .report-kpi-icon{color:#1565d8;background:#eaf2ff}.report-kpi-card.tone-green .report-kpi-icon{color:#0f9f6e;background:#e6faf0}.report-kpi-card.tone-violet .report-kpi-icon{color:#6d28d9;background:#f0ebff}.report-kpi-card.tone-rose .report-kpi-icon{color:#c62842;background:#fde8eb}.report-kpi-card.tone-amber .report-kpi-icon{color:#b45309;background:#fef3dc}.report-kpi-card.tone-slate .report-kpi-icon{color:#475569;background:#eef2f7}.report-kpi-card.tone-orange .report-kpi-icon{color:#c2410c;background:#ffede0}.report-kpi-card.tone-cyan .report-kpi-icon{color:#0e7490;background:#e0f6fb}.report-kpi-card.tone-rose .report-kpi-value{color:#c62842}.report-kpi-card.tone-cyan .report-kpi-value{color:#0e7490}.report-kpi-title{color:#5f7491;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:700;line-height:1.35;display:inline-flex}.report-kpi-info{color:#94a3b8;cursor:help;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:inline-flex;position:relative}.report-kpi-info:hover,.report-kpi-info:focus{color:#0f80ff;outline:none}.report-kpi-info-tooltip{color:#fff;letter-spacing:0;text-align:left;text-transform:none;opacity:0;pointer-events:none;visibility:hidden;white-space:normal;z-index:9999;background:#10213a;border-radius:8px;width:max-content;min-width:240px;max-width:300px;padding:10px 12px;font-size:12px;font-weight:500;line-height:1.5;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 28px #0f172a47}.report-kpi-info-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:#10213a;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.report-kpi-info:hover .report-kpi-info-tooltip,.report-kpi-info:focus .report-kpi-info-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.report-kpi-card:nth-child(5n+1) .report-kpi-info-tooltip{left:-4px;transform:translateY(-4px)}.report-kpi-card:nth-child(5n+1) .report-kpi-info-tooltip:before{left:12px;transform:none}.report-kpi-card:nth-child(5n+1) .report-kpi-info:hover .report-kpi-info-tooltip,.report-kpi-card:nth-child(5n+1) .report-kpi-info:focus .report-kpi-info-tooltip{transform:translateY(0)}.report-kpi-card:nth-child(5n) .report-kpi-info-tooltip{left:auto;right:-4px;transform:translateY(-4px)}.report-kpi-card:nth-child(5n) .report-kpi-info-tooltip:before{left:auto;right:12px;transform:none}.report-kpi-card:nth-child(5n) .report-kpi-info:hover .report-kpi-info-tooltip,.report-kpi-card:nth-child(5n) .report-kpi-info:focus .report-kpi-info-tooltip{transform:translateY(0)}.report-kpi-value{color:#0f172a;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.report-kpi-subtitle{color:#8196ad;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.report-chart-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;display:grid}@media (width<=1100px){.report-chart-layout{grid-template-columns:1fr}}.report-panel{min-height:220px}.report-panel-wide{grid-column:1/-1}.report-panel-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.report-panel-subnote{color:#7289a6;margin:0;font-size:12.5px;line-height:1.4}.report-panel-note{color:#6781a0;font-size:12px;font-weight:600}.report-panel-chip{color:#1f5f97;letter-spacing:.02em;white-space:nowrap;background:#eef4ff;border:1px solid #d7e6f7;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.report-chart-main .chart-card-header,.report-chart-summary .chart-card-header,.report-rank-panel .chart-card-header{margin-bottom:14px}.report-ratio-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.report-ratio-item{border-bottom:1px dashed #e4ecf6;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;font-size:13px;display:flex}.report-ratio-item:last-child{border-bottom:none}.report-ratio-label{color:#5f7491;font-weight:500}.report-ratio-value{color:#1d2b45;letter-spacing:-.01em;font-size:14px;font-weight:700}.report-compare{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.report-compare-row{flex-direction:column;gap:6px;display:flex}.report-compare-head{align-items:baseline;gap:8px;display:flex}.report-compare-dot{border-radius:999px;flex-shrink:0;align-self:center;width:8px;height:8px}.report-compare-dot.tone-blue{background:#0f80ff}.report-compare-dot.tone-orange{background:#ea580c}.report-compare-label{color:#334155;flex:1;min-width:0;font-size:13px;font-weight:600}.report-compare-value{color:#0f172a;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:700}.report-compare-track{background:#eef2f7;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.report-compare-fill{border-radius:inherit;height:100%;transition:width .32s ease-out;display:block}.report-compare-fill.tone-blue{background:linear-gradient(90deg,#0f80ff,#40a1ff)}.report-compare-fill.tone-orange{background:linear-gradient(90deg,#ea580c,#fb923c)}.report-compare-result{letter-spacing:-.01em;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.report-compare-result-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.report-compare-result.status-good{color:#15803d;background:#dcfce7}.report-compare-result.status-bad{color:#b91c1c;background:#fee2e2}.report-compare-result.status-neutral{color:#475569;background:#e2e8f0}.report-ratio-list-compact{border-top:1px dashed #e4ecf6;padding-top:10px}.report-health-list{flex-direction:column;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:flex}.report-health-item{background:#fbfcfe;border:1px solid #edf1f6;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.report-health-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.report-health-label-group{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.report-health-label{color:#1d2b45;font-size:13px;font-weight:600;line-height:1.35}.report-health-hint{color:#8196ad;font-size:11.5px;line-height:1.35}.report-health-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;margin-top:1px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.report-health-pill .report-health-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.report-health-pill.status-good{color:#15803d;background:#dcfce7}.report-health-pill.status-warn{color:#a16207;background:#fef3c7}.report-health-pill.status-bad{color:#b91c1c;background:#fee2e2}.report-health-pill.status-neutral{color:#475569;background:#e2e8f0}.report-health-value{color:#0f172a;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.report-health-value.status-good{color:#15803d}.report-health-value.status-warn{color:#a16207}.report-health-value.status-bad{color:#b91c1c}.report-health-value.status-neutral{color:#64748b}.report-health-desc{color:#64748b;font-size:12px;line-height:1.5}.report-health-section-title{letter-spacing:.05em;text-transform:uppercase;color:#7289a6;border-top:1px dashed #e4ecf6;margin:4px 0 2px;padding-top:10px;font-size:11px;font-weight:700}.report-rank-panel{flex-direction:column;display:flex}.report-rank-title-icon{color:#1f5f97;vertical-align:-4px;background:#eef4ff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;display:inline-flex}.report-rank-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.report-rank-item{align-items:flex-start;gap:10px;display:flex}.report-rank-badge{color:#475569;background:#eef2f7;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11.5px;font-weight:700;display:inline-flex}.report-rank-badge.rank-1{color:#7c4a03;background:linear-gradient(135deg,#fde68a,#f59e0b)}.report-rank-badge.rank-2{color:#3f4856;background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.report-rank-badge.rank-3{color:#6b3014;background:linear-gradient(135deg,#fcd9b7,#d97757)}.report-rank-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.report-rank-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.report-rank-name{color:#1d2c49;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.report-rank-value{color:#1d2b45;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.report-rank-bar{background:#eef2f7;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.report-rank-bar-fill{border-radius:inherit;height:100%;transition:width .22s ease-out;display:block}.report-rank-bar-fill.tone-blue{background:linear-gradient(90deg,#0f80ff,#40a1ff)}.report-rank-bar-fill.tone-green{background:linear-gradient(90deg,#16a34a,#22c55e)}.report-rank-bar-fill.tone-orange{background:linear-gradient(90deg,#ea580c,#fb923c)}.report-rank-bar-fill.tone-amber{background:linear-gradient(90deg,#d97706,#f59e0b)}.report-rank-bar-fill.tone-rose{background:linear-gradient(90deg,#ef4444,#fb7185)}.report-rank-bar-fill.tone-violet{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.report-rank-meta{color:#7289a6;font-size:11.5px;line-height:1.35}.report-chart-empty{color:#6b829d;text-align:center;background:#f9fbfe;border:1px dashed #d4e1ef;border-radius:4px;justify-content:center;align-items:center;min-height:240px;padding:24px;font-size:13px;display:flex}.report-tooltip{background:#fffffff7;border:1px solid #dfe8f3;border-radius:4px;min-width:200px;padding:10px 12px;box-shadow:0 8px 24px #0f18281f}.report-tooltip-title{color:#334e68;margin-bottom:6px;font-size:12px;font-weight:700}.report-tooltip-list{flex-direction:column;gap:5px;display:flex}.report-tooltip-item{color:#334e68;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.report-tooltip-marker{border-radius:999px;flex-shrink:0;width:8px;height:8px}.report-tooltip-name{color:#52647b;flex:1}.report-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.report-table-wrap{margin:0 -8px}.report-product-table th,.report-product-table td{font-size:13px}.report-product-name{white-space:nowrap;text-overflow:ellipsis;color:#2c3e57;max-width:220px;font-weight:600;overflow:hidden}.positive-text{color:#159957}.negative-text{color:#d53f4e}.warning-text{color:#b7791f}.checkbox-wrapper{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox{border:2px solid var(--border-color);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox.checked{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header-left h1{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:800}.page-header-left p{color:var(--text-secondary);font-size:14px}.page-header-actions{gap:10px;display:flex}.cashbook-standalone{color:#1f2c3a;background:#f2f5f9;min-height:100vh}.cashbook-topbar{background:#fff;border-bottom:1px solid #dbe3ec;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.cashbook-logo-wrap{align-items:center;gap:10px;display:flex}.cashbook-logo-mark{background:linear-gradient(140deg,#11c26d 0%,#0a75ff 100%);border-radius:4px 3px;width:24px;height:24px}.cashbook-logo-text{color:#124d99;font-size:34px;font-weight:700;line-height:1}.cashbook-topbar-tools{align-items:center;gap:8px;display:flex}.cashbook-icon-btn{color:#5b6f86;width:34px;height:34px;transition:all var(--transition-fast);background:#fff;border:1px solid #d7dfeb;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.cashbook-icon-btn:hover{color:#1f4f91;background:#edf3fa}.cashbook-avatar{color:#fff;background:#0f80ff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-flex}.cashbook-main-nav{background:#0476ea;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:5px 12px;display:flex}.cashbook-main-nav-links{align-items:center;gap:2px;display:flex;overflow-x:auto}.cashbook-main-nav-links::-webkit-scrollbar{display:none}.cashbook-nav-link{color:#ffffffe0;white-space:nowrap;background:0 0;border:none;border-radius:4px;height:32px;padding:0 14px;font-size:15px;font-weight:600}.cashbook-nav-link:hover{background:#ffffff24}.cashbook-nav-link.active{color:#fff;background:#fff3}.cashbook-sale-btn{color:#0f65be;white-space:nowrap;background:#fff;border:none;border-radius:4px;height:32px;padding:0 18px;font-size:15px;font-weight:700}.cashbook-shell{padding:18px 18px 24px}.cashbook-page-title{color:#1c2b3f;margin-bottom:14px;font-size:37px;font-weight:800;line-height:1.15}.cashbook-layout{display:block}.cashbook-filter-panel{background:#fff;border:1px solid #d9e3ee;border-radius:4px;flex-direction:column;gap:16px;padding:14px;display:flex}.cashbook-filter-group{flex-direction:column;gap:8px;display:flex}.cashbook-filter-group h3{color:#1c2f44;font-size:16px;font-weight:800}.cashbook-radio-item,.cashbook-check-item{color:#31465d;align-items:center;gap:9px;font-size:14px;line-height:1.3;display:flex}.cashbook-radio-item input,.cashbook-check-item input{accent-color:#0f80ff;width:17px;height:17px}.cashbook-select-btn{color:#2a3f56;background:#fff;border:1px solid #cfd9e5;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 12px;font-size:14px;display:flex}.cashbook-input{color:#1f2d3d;background:#fff;border:1px solid #cfd9e5;border-radius:4px;width:100%;height:38px;padding:0 12px;font-size:14px}.cashbook-pill-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cashbook-pill{color:#415972;background:#fff;border:1px solid #cad5e2;border-radius:999px;height:37px;padding:0 14px;font-size:14px;font-weight:700}.cashbook-pill.active{color:#0f80ff;background:#edf5ff;border-color:#0f80ff}.cashbook-main{flex-direction:column;gap:10px;display:flex}.cashbook-compact-filters{background:#fff;border:1px solid #d9e3ee;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.cashbook-compact-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cashbook-compact-filter-group:first-child{flex:1}.cashbook-compact-filter-label{color:#23374d;white-space:nowrap;font-size:14px;font-weight:700}.cashbook-time-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.cashbook-time-select-wrap{color:#4a617b;background:#fff;border:1px solid #cfd9e5;border-radius:4px;align-items:center;min-width:176px;height:36px;display:inline-flex;position:relative;overflow:hidden}.cashbook-time-select{color:#23374d;appearance:none;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0 34px 0 12px;font-size:14px;font-weight:600}.cashbook-time-select:focus{outline:none}.cashbook-time-select-icon{color:#5e7290;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cashbook-date-range-trigger{color:#4a617b;cursor:pointer;background:#fff;border:1px solid #cfd9e5;border-radius:4px;justify-content:flex-start;align-items:center;gap:6px;min-width:380px;height:36px;padding:0 10px;display:inline-flex}.cashbook-date-range-trigger:hover{background:#f6f9fd}.cashbook-date-range-trigger.active{border-color:#0f80ff;box-shadow:0 0 0 2px #0f80ff24}.cashbook-date-range-trigger span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.cashbook-date-popover{z-index:2600;background:#fff;border:1px solid #d9e3ee;border-radius:4px;flex-direction:column;gap:12px;min-width:430px;max-width:min(92vw,520px);padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px #162e4c29}.cashbook-date-popover-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cashbook-date-popover-field{color:#5a6f86;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.cashbook-date-popover-field input{color:#23374d;background:#fff;border:1px solid #cfd9e5;border-radius:4px;width:100%;height:36px;padding:0 10px;font-size:14px}.cashbook-date-popover-field input:focus{border-color:#0f80ff;outline:none}.cashbook-date-popover-actions{justify-content:flex-end;gap:8px;display:flex}.cashbook-date-popover-btn{color:#48607a;cursor:pointer;background:#fff;border:1px solid #cfd9e5;border-radius:4px;height:34px;padding:0 14px;font-size:14px;font-weight:700}.cashbook-date-popover-btn:hover{background:#f3f8ff}.cashbook-date-popover-btn.primary{color:#fff;background:#0f80ff;border-color:#0f80ff}.cashbook-date-popover-btn.primary:hover{background:#0d74e8}.cashbook-compact-doc-type{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cashbook-toolbar{background:#fff;border:1px solid #d9e3ee;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.cashbook-search-box{color:#5a6f86;background:#fff;border:1px solid #ced8e5;border-radius:4px;align-items:center;gap:8px;width:100%;min-width:260px;max-width:520px;height:41px;padding:0 12px;display:flex}.cashbook-search-box input{color:#213246;border:none;width:100%;padding:0;font-size:14px}.cashbook-search-box input:focus{box-shadow:none;border-color:#0000}.cashbook-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cashbook-btn{border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;height:35px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.cashbook-btn-primary{color:#0f80ff;background:#fff;border-color:#0f80ff}.cashbook-btn-primary:hover{background:#eff6ff}.cashbook-btn-outline{color:#2f4a65;background:#fff;border-color:#cdd8e4}.cashbook-btn-outline:hover{background:#f2f6fb}.cashbook-summary-strip{background:#fff;border:1px solid #d9e3ee;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.cashbook-summary-item{border-right:1px solid #e1e8f1;flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:10px 14px;display:flex}.cashbook-summary-item:last-child{border-right:none}.cashbook-summary-item span{color:#61788f;font-size:13px;font-weight:500}.cashbook-summary-item strong{color:#212f3e;font-size:22px;font-weight:700;line-height:1.15}.cashbook-summary-item.income strong{color:#0f80ff}.cashbook-summary-item.expense strong{color:#d82f2f}.cashbook-summary-item.balance strong{color:#17a43f}.cashbook-table-card{background:#fff;border:1px solid #d9e3ee;border-radius:4px;overflow:hidden}.cashbook-table{border-collapse:collapse;width:100%}.cashbook-table thead th{color:#20364f;text-align:left;background:#dfeaf7;border-bottom:1px solid #c6d5e7;height:42px;padding:0 12px;font-size:14px;font-weight:700}.cashbook-table tbody td{color:#293d55;vertical-align:top;border-bottom:1px solid #e4ebf4;padding:8px 12px;font-size:14px}.cashbook-table tbody tr:hover{background:#f7fbff}.cashbook-table tbody tr.cashbook-row{cursor:pointer}.cashbook-table tbody tr.cashbook-row:focus-visible{outline-offset:-2px;background:#f3f8ff;outline:2px solid #9fc3f3}.cashbook-table .w-check{text-align:center;width:40px}.cashbook-table .align-right{text-align:right}.cashbook-checkmark{color:#647f99;border:1px solid #bfcddd;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.cashbook-code{color:#205f9f;font-weight:700}.cashbook-amount.income{color:#1185f5;font-weight:700}.cashbook-amount.expense{color:#d13232;font-weight:700}.cashbook-empty{text-align:center;color:#6b8096;font-size:14px;padding:22px!important}.cashbook-create-modal{width:min(920px,96vw);max-width:920px}.cashbook-detail-modal{width:min(760px,94vw);max-width:760px}.cashbook-detail-hero{background:linear-gradient(#f8fbff 0%,#f2f7ff 100%);border:1px solid #dbe6f2;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.cashbook-detail-code{color:#1c3654;letter-spacing:-.01em;font-size:26px;font-weight:800;line-height:1.1}.cashbook-detail-sub{color:#5f7590;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.cashbook-detail-kind{color:#255bb2;background:#fff;border:1px solid #bdd3f0;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-weight:700;display:inline-flex}.cashbook-detail-kind.expense{color:#be123c;border-color:#f0c2ce}.cashbook-detail-total{white-space:nowrap;letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1}.cashbook-detail-total.income{color:#1185f5}.cashbook-detail-total.expense{color:#d13232}.cashbook-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.cashbook-detail-panel{background:#fff;border:1px solid #dbe6f2;border-radius:4px;padding:10px 12px}.cashbook-detail-panel-title{color:#2f4966;margin-bottom:6px;font-size:13px;font-weight:700}.cashbook-detail-kv{border-bottom:1px dashed #e3ebf5;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.cashbook-detail-kv:last-child{border-bottom:none}.cashbook-detail-kv span{color:#627a95;flex:none;font-size:12px}.cashbook-detail-kv strong{color:#1f3754;text-align:right;word-break:break-word;font-size:14px;font-weight:700}.cashbook-detail-note{background:#fff;border:1px solid #dbe6f2;border-radius:4px;margin-top:12px;padding:10px 12px}.cashbook-detail-note-title{color:#627a95;margin-bottom:6px;font-size:12px;display:block}.cashbook-detail-note-content{color:#1f3754;word-break:break-word;font-size:14px;font-weight:600}.cashbook-receipt-form{flex-direction:column;gap:12px;display:flex}.cashbook-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cashbook-check-inline{margin-top:2px}.cashbook-category-field{position:relative}.cashbook-category-trigger{text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;width:100%;display:flex}.cashbook-category-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cashbook-category-dropdown{box-shadow:var(--shadow-lg);z-index:3200;background:#fff;border:1px solid #cfd9e5;border-radius:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.cashbook-category-search{color:#6c7f92;border-bottom:1px solid #e5ecf4;align-items:center;gap:6px;padding:10px 12px 6px;display:flex}.cashbook-category-search input{border:1px solid #cfd9e5;border-radius:4px;width:100%;padding:6px 10px;font-size:13px}.cashbook-category-caption{color:#3b526a;background:#f5f8fc;padding:8px 12px;font-size:14px;font-weight:600}.cashbook-category-options{max-height:168px;overflow-y:auto}.cashbook-category-option{text-align:left;color:#273b50;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:14px;display:flex}.cashbook-category-option:hover{background:#f3f8ff}.cashbook-category-option.active{color:#0f80ff;background:#edf5ff}.cashbook-category-empty{color:#6c7f92;padding:12px;font-size:13px}.cashbook-category-create{text-align:left;color:#0f80ff;background:#fff;border:none;border-top:1px solid #e5ecf4;width:100%;padding:9px 12px;font-size:14px;font-weight:600}.cashbook-category-create:hover{background:#f3f8ff}.cashbook-type-modal-overlay{z-index:3300;background:#0c131f73}.cashbook-type-modal{width:min(540px,94vw);max-width:540px}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}.loading-overlay .loading-text{color:var(--text-muted);font-size:14px}@media (width<=1200px){.login-form-panel{padding:26px}.report-compact-grid{grid-template-columns:1fr}.report-product-name{max-width:180px}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important}.header{left:0!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.user-permission-header{flex-direction:column;align-items:flex-start}.user-permission-grid{grid-template-columns:1fr}.edit-order-customer-panel-head{flex-direction:column;align-items:stretch}.edit-order-add-customer-btn{justify-content:center}.edit-order-customer-selected{flex-wrap:wrap}.edit-order-body{grid-template-columns:1fr}.edit-order-side{position:static}.modal{max-height:calc(100vh - 24px);margin:12px}.page-header{flex-direction:column;align-items:flex-start}.cashbook-logo-text{font-size:24px}.cashbook-shell{padding:12px}.cashbook-page-title{font-size:28px}.cashbook-layout{display:block}.cashbook-radio-item,.cashbook-check-item,.cashbook-filter-group h3,.cashbook-input,.cashbook-select-btn,.cashbook-pill,.cashbook-btn,.cashbook-table tbody td,.cashbook-table thead th,.cashbook-summary-item span,.cashbook-search-box input{font-size:14px}.cashbook-summary-strip{grid-template-columns:1fr 1fr}.cashbook-compact-filters{align-items:flex-start;padding:10px}.cashbook-compact-filter-group{gap:8px;width:100%}.cashbook-compact-doc-type{gap:12px}.cashbook-time-controls{width:100%}.cashbook-time-select-wrap,.cashbook-date-range-trigger{width:100%;min-width:0}.cashbook-date-popover{width:100%;min-width:0;max-width:none;left:0;right:0}.cashbook-date-popover-row{grid-template-columns:1fr}.cashbook-summary-item strong{font-size:20px}.cashbook-form-grid{grid-template-columns:1fr}.cashbook-detail-hero{flex-direction:column;align-items:flex-start}.cashbook-detail-total{font-size:24px}.cashbook-detail-columns{grid-template-columns:1fr}.cashbook-main-nav{padding:6px 8px}.cashbook-nav-link{padding:0 10px;font-size:13px}.cashbook-sale-btn{padding:0 12px;font-size:13px}.login-page{padding:12px}.login-shell{width:min(380px,100%)}.login-form-panel{padding:22px 18px}.login-form-head h2{font-size:22px}.report-toolbar{gap:10px;padding:12px}.report-filter-group{width:100%;min-width:0}.shared-time-filter,.shared-time-filter .cashbook-time-controls{width:100%}.shared-time-filter .cashbook-time-select-wrap,.shared-time-filter .cashbook-date-range-trigger{width:100%;min-width:0}.report-toolbar-range{width:100%;margin-left:0}.report-toolbar-range-label{justify-content:center;width:100%}.report-kpi-grid,.report-chart-layout,.report-compact-grid{grid-template-columns:1fr}.report-panel-wide{grid-column:auto}.report-table-wrap{margin:0;overflow-x:auto}.report-product-table{min-width:460px}}@media (width<=480px){.stats-grid,.cashbook-summary-strip{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{color:var(--text-primary);background:#3b82f626}.order-create-modal{flex-direction:column;width:98vw;max-width:1380px;height:92vh;max-height:92vh;display:flex}.order-create-modal-layout{flex:1;min-height:0;display:flex;overflow:hidden}.order-create-modal-left{border-right:1px solid var(--border-color);flex-direction:column;flex:auto;min-width:0;display:flex}.order-create-modal-right{background:#f8fafc;flex-direction:column;width:clamp(440px,36vw,520px);display:flex;overflow:auto}.order-type-switch{background:#eef2f8;border-radius:4px;gap:2px;padding:3px;display:inline-flex}.order-type-switch button{color:#5f7491;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.order-type-switch button:hover{color:#1d2b48}.order-type-switch button.is-active{color:#1d2b48;background:#fff;box-shadow:0 1px 3px #0f172a1a}.order-section{border:1px solid var(--border-color);background:#fff;border-radius:4px;margin:12px 14px 0;padding:14px 16px}.order-section+.order-section{margin-top:10px}.order-section:last-child{margin-bottom:14px}.order-submit-wrap{z-index:2;background:linear-gradient(#f8fafc00 0%,#f8fafc 35% 100%);border-top:1px solid #0000;margin-top:auto;padding:12px 14px 14px;position:sticky;bottom:0}.order-section-title{color:#6b7a95;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.order-customer-card{background:linear-gradient(135deg,#eaf2ff 0%,#f4f7ff 100%);border:1px solid #cfe0ff;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.order-customer-card-name{color:#1d2b48;font-size:14px;font-weight:700}.order-customer-card-meta{color:#5f7491;font-size:12px}.order-customer-card-debt{color:#dc2626;margin-top:2px;font-size:12px;font-weight:700}.order-customer-card-remove{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.order-customer-card-remove:hover{color:#1d2b48;background:#0f172a0f}.order-summary-line{color:#3b475a;justify-content:space-between;align-items:center;padding:5px 0;font-size:13.5px;display:flex}.order-summary-line strong{color:#1d2b48;font-weight:600}.order-summary-final{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);border-radius:4px;justify-content:space-between;align-items:center;margin-top:8px;padding:12px 14px;font-weight:700;display:flex}.order-summary-final .label{opacity:.92;font-size:13px}.order-summary-final .value{letter-spacing:-.01em;font-size:18px}.order-debt-warning{color:#dc2626;text-align:center;background:#f43f5e14;border:1px solid #f43f5e33;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:12.5px;font-weight:600}.order-empty-cart{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.order-empty-cart-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.order-empty-cart-title{color:#64748b;font-size:14px;font-weight:600}.order-empty-cart-hint{color:#94a3b8;font-size:12.5px}.order-discount-control{border:1px solid var(--border-color);background:#fff;border-radius:4px;display:inline-flex;overflow:hidden}.order-discount-control select{color:#3b475a;cursor:pointer;background:#f8fafc;border:none;padding:6px 8px;font-size:12.5px;font-weight:600}.order-discount-control input{text-align:right;border:none;width:100px;padding:6px 8px;font-size:13px}.order-discount-control input:focus,.order-discount-control select:focus{outline:none}.order-create-layout{min-height:calc(100vh - var(--header-height) - 120px);grid-template-columns:1fr 380px;gap:24px;display:grid}.order-products-section{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);flex-direction:column;display:flex}.order-summary-section{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);top:calc(var(--header-height) + 24px);max-height:calc(100vh - var(--header-height) - 48px);flex-direction:column;display:flex;position:sticky}.order-summary-header{border-bottom:1px solid var(--border-color);padding:20px}.order-summary-body{flex:1;padding:20px;overflow-y:auto}.order-summary-footer{border-top:1px solid var(--border-color);padding:20px}.order-item{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 0;display:flex}.order-item:last-child{border-bottom:none}.order-item .item-img{border-radius:var(--border-radius-sm);object-fit:cover;background:var(--gray-100);width:48px;height:48px}.order-item .item-info{flex:1}.order-item .item-name{margin-bottom:4px;font-size:13px;font-weight:600}.order-item .item-price{color:var(--text-secondary);font-size:12px}.order-total-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.order-total-row.grand-total{color:var(--primary-600);border-top:2px solid var(--border-color);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.qty-control{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.qty-control button{background:var(--gray-50);width:30px;height:30px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;display:flex}.qty-control button:hover{background:var(--gray-200)}.qty-control input{text-align:center;border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-radius:0;width:40px;height:30px;padding:0;font-size:13px;font-weight:600}.qty-control input:focus{box-shadow:none}@media (width<=1200px){.order-create-modal{width:96vw;height:94vh;max-height:94vh}.order-create-modal-layout{flex-direction:column}.order-create-modal-left{border-right:none;border-bottom:1px solid var(--border-color);min-height:45%}.order-create-modal-right{width:100%;min-height:55%}}@media (width<=768px){.order-create-modal{border-radius:0;width:100vw;height:100vh;max-height:100vh}}:root{--primary-50:#edf3ff;--primary-100:#dee9ff;--primary-200:#c6d8ff;--primary-300:#9ebcff;--primary-400:#7397f6;--primary-500:#315fcf;--primary-600:#274eb0;--primary-700:#213f8e;--primary-800:#1e3675;--primary-900:#1d325f;--accent-emerald:#10986e;--accent-amber:#d18a1f;--accent-rose:#d64a4a;--accent-violet:#6d5bd7;--accent-cyan:#1386b0;--accent-orange:#cb6b28;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e4e9f0;--gray-300:#d2d9e3;--gray-400:#9aa7ba;--gray-500:#6e7d93;--gray-600:#4f5f79;--gray-700:#38465f;--gray-800:#243248;--gray-900:#152136;--bg-primary:#f4f7fb;--bg-secondary:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-hover:#f4f7fd;--text-primary:#16233a;--text-secondary:#4f5f79;--text-tertiary:#70809a;--text-muted:#8b98ac;--text-white:#fff;--border-color:#e2e8f2;--border-radius-sm:3px;--border-radius-md:4px;--border-radius-lg:4px;--border-radius-xl:6px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 14px #0f172a0f;--shadow-lg:0 8px 24px #0f172a14;--shadow-xl:0 18px 42px #0f172a1f;--shadow-glow:0 10px 20px #315fcf38;--sidebar-width:274px;--sidebar-collapsed:82px;--header-height:82px;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-display:"Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}body{background:var(--bg-primary);color:var(--text-primary)}.app-layout{background:var(--bg-primary)}.main-content{margin-left:var(--sidebar-width)}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.page-content{padding:20px;padding-top:calc(var(--header-height) + 20px)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);color:var(--text-primary);box-shadow:0 0 0 1px #e2e8f24d}.sidebar-logo{border-bottom:1px solid var(--border-color);gap:10px;min-height:82px;padding:18px 16px 14px}.sidebar-logo .logo-icon{color:#2f5fce;width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;flex-shrink:0}.sidebar-logo .logo-text-wrap{flex-direction:column;gap:1px;display:flex}.sidebar-logo .logo-text{font-family:var(--font-display);color:#16243b;font-size:20px;font-weight:700}.sidebar-logo .logo-subtext{color:var(--text-tertiary);font-size:12px;font-weight:600}.sidebar-nav{padding:12px 8px 8px}.nav-group{margin-bottom:8px}.nav-group-title{color:#6b7280;letter-spacing:.13em;padding:8px 10px 6px;font-size:10px;font-weight:700}.nav-item{color:#545862;border-radius:4px;gap:10px;margin:2px 0;padding:10px 12px;font-weight:500;overflow:hidden}.nav-item:hover{color:#1f2e4a;background:#f4f7fd}.nav-item.active{color:#234ea8;background:#ecf2ff;font-weight:700}.nav-item.active:before{content:"";background:#2d5dc8;border-radius:0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-item .nav-icon{font-size:17px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-item.active:before{left:0}.sidebar.collapsed .nav-text,.sidebar.collapsed .logo-text-wrap,.sidebar.collapsed .portal-text,.sidebar.collapsed .sidebar-user-meta{display:none}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:9px;padding:12px;display:flex}.sidebar-portal-btn{color:#0f855f;background:#edf8f2;border:1px solid #cfe8da;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:42px;padding:0 10px 0 8px;font-size:13px;font-weight:700;display:inline-flex}.sidebar-portal-btn:hover{background:#e6f5ed}.portal-avatar{color:#fff;background:#12a775;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-user{border:1px solid var(--border-color);background:#f8fafd;border-radius:4px;align-items:center;gap:9px;padding:9px;display:flex}.sidebar-user-avatar{color:#eef3ff;background:#1f3359;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex}.sidebar-user-name{color:#1f2d48;font-size:12px;font-weight:700}.sidebar-user-role{color:#5b6b87;font-size:11px}.sidebar-toggle{border:1px solid var(--border-color);color:#61718a;background:#fff;border-radius:4px;width:100%;height:36px;padding:0}.sidebar-toggle:hover{color:#253453;background:#f7f9fd}.sidebar.collapsed .sidebar-footer{align-items:stretch}.sidebar.collapsed .sidebar-portal-btn,.sidebar.collapsed .sidebar-user,.sidebar.collapsed .sidebar-toggle{justify-content:center}.sidebar.collapsed .sidebar-portal-btn{gap:0;padding:0}.header{left:var(--sidebar-width);height:var(--header-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(6px);background:#f4f7fbf2;align-items:center;padding:10px 20px}.header.collapsed{left:var(--sidebar-collapsed)}.header-left{flex-direction:column;align-items:flex-start;gap:2px}.header-breadcrumb{font-family:var(--font-family);color:#73829a;font-size:13px;font-weight:500}.header-title{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;color:#172640;font-size:24px;font-weight:800;line-height:1.1}.header-right{gap:9px}.header-search input{border:1px solid var(--border-color);background:#fff;border-radius:4px;width:300px;height:40px;padding:0 14px 0 36px}.header-search input:focus{border-color:#bfd0f5;width:330px;box-shadow:0 0 0 3px #315fcf1f}.header-search .search-icon{color:#7d8ba1;left:12px}.header-action{border:1px solid var(--border-color);color:#5b6b84;background:#fff;border-radius:4px;width:38px;height:38px}.header-action:hover{color:#243453;background:#f6f8fd}.header-action .badge{border:2px solid #fff;top:5px;right:5px}.header-user{border:1px solid var(--border-color);background:#fff;border-radius:4px;padding:4px 10px 4px 5px}.header-user:hover{background:#f6f8fd}.header-user .avatar{color:#fff;background:#2f5fce;border-radius:4px;width:32px;height:32px;font-size:12px}.header-user .user-name{color:#223250;font-size:12px}.header-user .user-role{color:#7f8ea5}.page-header{gap:10px;min-height:0;margin-bottom:0}.page-header-left{display:none}.page-header-actions{margin-bottom:12px;margin-left:auto}.page-header-actions .btn{border-radius:4px;gap:6px;height:35px;padding:0 14px;font-size:14px;font-weight:700;transform:none}.page-header-actions .btn:active:not(:disabled){transform:none}.page-header-actions .btn-primary{color:#0f80ff;background:#fff;border-color:#0f80ff}.page-header-actions .btn-primary:hover:not(:disabled){color:#0f80ff;background:#eff6ff;border-color:#0f80ff}.page-header-actions .btn-outline{color:#2f4a65;background:#fff;border-color:#cdd8e4}.page-header-actions .btn-outline:hover:not(:disabled){color:#2f4a65;background:#f2f6fb;border-color:#cdd8e4}.page-header-actions .btn-success{color:#0f9f6e;background:#fff;border-color:#0f9f6e}.page-header-actions .btn-success:hover:not(:disabled){color:#0f9f6e;background:#ecfdf5;border-color:#0f9f6e}.page-header-actions .btn-danger{color:#e11d48;background:#fff;border-color:#e11d48}.page-header-actions .btn-danger:hover:not(:disabled){color:#e11d48;background:#fff1f2;border-color:#e11d48}.page-header-actions .btn-warning{color:#d97706;background:#fff;border-color:#d97706}.page-header-actions .btn-warning:hover:not(:disabled){color:#d97706;background:#fffbeb;border-color:#d97706}.page-header-left h1{font-family:var(--font-display);letter-spacing:-.02em;color:#1a2944;font-size:32px}.page-header-left p{color:#5e6d86}.stats-grid{gap:14px}.stat-card,.data-card,.chart-card,.order-products-section,.order-summary-section,.modal{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.stat-card:hover,.chart-card:hover,.data-card:hover{box-shadow:var(--shadow-md)}.stat-card:before{height:3px}.stat-card .stat-value{letter-spacing:-.01em;font-size:24px}.chart-card-title{color:#1d2b48;font-size:17px}.data-card-header,.chart-card,.modal-header,.modal-footer{border-color:var(--border-color)}.data-table thead{background:#f8fafd}.data-table th{color:#64758f}.data-table td{color:#1d2c49}.data-table tbody tr:hover{background:#f6f9fe}.data-table tbody tr.customer-row{cursor:pointer}.data-table tbody tr.customer-row:focus-visible{outline:2px solid var(--primary-300);outline-offset:-2px}.data-table tbody tr.order-row{cursor:pointer}.data-table tbody tr.order-row:focus-visible{outline:2px solid var(--primary-300);outline-offset:-2px}input,select,textarea,.form-input{background:#fff;border:1px solid #d9e1ec;border-radius:4px}input:focus,select:focus,textarea:focus,.form-input:focus{border-color:#bdd0f4;box-shadow:0 0 0 3px #315fcf1f}.filter-bar select,.filter-bar .filter-input input{border-radius:4px}.tabs{border-bottom:none;gap:8px;margin-bottom:16px}.tab{border:1px solid var(--border-color);background:#fff;border-radius:4px;margin-bottom:0;padding:9px 14px}.tab.active{color:#315fcf;background:#edf3ff;border-color:#315fcf}.btn{border-radius:4px;padding:9px 14px;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform 80ms}.btn:focus-visible{box-shadow:0 0 0 3px #315fcf2e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary,.btn-success,.btn-danger,.btn-warning{color:#fff;box-shadow:none}.btn-primary{box-shadow:none;background:#315fcf;border-color:#315fcf}.btn-primary:hover:not(:disabled){box-shadow:none;background:#274eb0;border-color:#274eb0}.btn-success{background:#0f9f6e;border-color:#0f9f6e}.btn-success:hover:not(:disabled){background:#0c8760;border-color:#0c8760;transform:none}.btn-danger{background:#e11d48;border-color:#e11d48}.btn-danger:hover:not(:disabled){background:#be123c;border-color:#be123c;transform:none}.btn-warning{background:#d97706;border-color:#d97706}.btn-warning:hover:not(:disabled){box-shadow:none;background:#b45309;border-color:#b45309;transform:none}.btn-outline{color:#354663;background:#fff;border:1px solid #d4deeb}.btn-outline:hover:not(:disabled){background:#f8fafd;border-color:#c6d4e6}.btn-ghost{color:#354663}.btn-ghost:hover:not(:disabled){color:#243a57;background:#f3f6fb}.status-badge{border-radius:999px;font-weight:600}.modal-overlay{background:#121d3070}.toast{border-radius:4px}.receipt-detail-modal{max-height:88vh}.receipt-detail-header{background:linear-gradient(#f8fbff 0%,#f1f6ff 100%)}.receipt-detail-body{display:block}.receipt-detail-body>*+*{margin-top:10px}.receipt-detail-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.receipt-detail-meta-item{background:#f9fbff;border:1px solid #dbe5f3;border-radius:4px;padding:8px 10px}.receipt-detail-meta-label{color:#6a7a94;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.receipt-detail-meta-value{color:#203150;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.4}.receipt-detail-items-table-wrap{border:1px solid #dbe5f3;border-radius:4px;overflow:hidden}.receipt-detail-summary{background:#f7faff;border:1px solid #dbe5f3;border-radius:4px;gap:8px;padding:10px;display:grid}.receipt-detail-summary.import-mode{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.receipt-detail-summary.export-mode{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.receipt-detail-summary-item{background:#fff;border:1px solid #dfe8f5;border-radius:4px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.receipt-detail-summary-item span{color:#5e6e88;font-size:11px;font-weight:600}.receipt-detail-summary-item strong{color:#223352;font-size:17px;font-weight:800;line-height:1.2}.receipt-detail-summary-positive strong{color:var(--accent-emerald)}.receipt-detail-summary-negative strong{color:var(--accent-rose)}.receipt-detail-section-title{color:#253654;font-size:14px;font-weight:700}.receipt-detail-payment-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.receipt-detail-payment-highlight-card{border:1px solid #dfe7f4;border-radius:4px;padding:8px 10px}.receipt-detail-payment-highlight-card.cash{background:#f3fbf7;border-color:#10986e38}.receipt-detail-payment-highlight-card.offset{background:#f3f7ff;border-color:#315fcf42}.receipt-detail-payment-highlight-label{color:#5b6d88;font-size:11px}.receipt-detail-payment-highlight-value{letter-spacing:0;margin-top:1px;font-size:17px;font-weight:800}.receipt-detail-payment-highlight-card.cash .receipt-detail-payment-highlight-value{color:var(--accent-emerald)}.receipt-detail-payment-highlight-card.offset .receipt-detail-payment-highlight-value{color:var(--primary-600)}.receipt-detail-history-table-wrap{border:1px solid #dbe5f3;border-radius:4px;max-height:220px;overflow:auto}.receipt-detail-empty-history{text-align:center;color:var(--text-tertiary);padding:20px}.receipt-detail-history-value{font-weight:700}.receipt-detail-history-value.is-cash{color:var(--accent-emerald)}.receipt-detail-history-value.is-offset{color:var(--primary-600)}.receipt-detail-history-value.is-debt{color:var(--accent-rose)}.receipt-detail-history-value.is-cleared{color:var(--accent-emerald)}.receipt-detail-history-value.is-empty{color:var(--text-tertiary)}.receipt-detail-history-link{color:var(--text-tertiary);font-weight:600}.receipt-detail-history-link.has-link{color:var(--primary-600)}.receipt-detail-payment-section{border-top:1px solid var(--border-color);padding-top:10px}.receipt-detail-payment-title{margin-bottom:8px}.receipt-detail-form-grid{gap:10px;display:grid}.receipt-detail-form-grid.import-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-detail-form-grid.export-mode{grid-template-columns:repeat(3,minmax(0,1fr))}.receipt-detail-field{margin-bottom:0}.receipt-detail-balance-summary{border:1px solid #ef444433;border-left:4px solid var(--accent-rose);background:#fff7f7;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.receipt-detail-balance-label{color:#7f1d1d;letter-spacing:0;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.receipt-detail-balance-value{color:var(--accent-rose);font-size:24px;font-weight:800;line-height:1.2;display:block}.receipt-detail-balance-note{color:#9f3a3a;flex:none;font-size:12px;font-weight:600}.receipt-detail-note-field{margin-top:8px;margin-bottom:0}.receipt-detail-payment-actions{justify-content:flex-end;margin-top:8px;display:flex}.receipt-detail-footer{background:#fbfcff}@media (width<=1200px){:root{--sidebar-width:250px;--header-height:76px}.header-title{font-size:20px}.header-search input{width:240px}.header-search input:focus{width:260px}.page-header-left h1{font-size:28px}.time-filter-popover{width:400px}.receipt-detail-meta-grid,.receipt-detail-summary.import-mode,.receipt-detail-form-grid.import-mode{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){:root{--header-height:66px}.page-content{padding:14px;padding-top:calc(var(--header-height) + 14px)}.header{padding:8px 12px}.header-title{font-size:16px}.header-breadcrumb,.header-search,.header-user .user-info{display:none}.header-user{padding:4px}.page-header-left h1{font-size:24px}.time-filter-wrapper,.time-filter-trigger{width:100%}.time-filter-popover{width:min(92vw,420px);left:0;right:auto}.receipt-detail-body{font-size:13px}.receipt-detail-meta-grid,.receipt-detail-payment-highlight-grid,.receipt-detail-summary.import-mode,.receipt-detail-summary.export-mode,.receipt-detail-form-grid.import-mode,.receipt-detail-form-grid.export-mode{grid-template-columns:1fr}.receipt-detail-summary-item strong,.receipt-detail-payment-highlight-value{font-size:16px}.receipt-detail-payment-section{padding-top:10px}.time-filter-date-grid{grid-template-columns:1fr}.time-filter-actions{flex-direction:column;align-items:stretch}.time-filter-actions-right{justify-content:flex-end}.sidebar{box-shadow:0 14px 32px #09122133}.sidebar-toggle{display:none}}.header-user-menu{position:relative}.header-user-trigger{-webkit-user-select:none;user-select:none}.header-user-caret{color:#8a9ab1;transition:transform var(--transition-fast), color var(--transition-fast);margin-left:4px}.header-user-caret.open{color:#38598f;transform:rotate(180deg)}.header-user-dropdown{z-index:2100;background:#fff;border:1px solid #d7e3f3;border-radius:4px;gap:4px;min-width:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 28px #1224401f}.header-user-dropdown-item{color:#344764;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.header-user-dropdown-item:hover{color:#1f3360;background:#f2f6ff}.header-user-dropdown-item.danger{color:#c6284e}.header-user-dropdown-item.danger:hover{color:#ad163b;background:#fff1f4}.account-modal{max-width:760px}.account-section-title{color:#203555;margin-bottom:10px;font-size:14px;font-weight:700}.account-info-form .form-group{margin-bottom:12px}.account-meta-row{color:#4d6282;background:#f7faff;border:1px dashed #c9d8f0;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.account-meta-row strong{color:#233a5f}.account-password-form{border-top:1px solid #e3ebf6;margin-top:8px;padding-top:14px}.account-password-form .form-group{margin-bottom:12px}.account-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=768px){.account-modal{max-width:100%}.account-meta-row{flex-direction:column;align-items:flex-start}.header-user-dropdown{min-width:176px}}.product-list-title{gap:10px}.product-list-count{min-width:32px;height:28px;box-shadow:none;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#2a4c7f;background:#eef4ff;border:1px solid #d8e4f8;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.dashboard-v2{flex-direction:column;gap:20px;padding:4px 0 24px;display:flex}.dashboard-v2 .dash-loading{text-align:center;color:#64748b;padding:60px;font-size:14px}.dash-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 45%,#3b82f6 100%);border-radius:4px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 12px 30px -14px #2563eb80}.dash-hero-bg{pointer-events:none;background:radial-gradient(circle at 85% 15%,#ffffff2e,#0000 45%),radial-gradient(circle at 10% 90%,#0ea5e959,#0000 50%);position:absolute;inset:0}.dash-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.dash-hero-greeting{opacity:.88;margin-bottom:6px;font-size:14px;font-weight:600}.dash-hero-title{letter-spacing:-.01em;margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.2}.dash-hero-date{opacity:.82;font-size:13px}.dash-hero-stats{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:4px;align-items:center;gap:28px;padding:14px 22px;display:flex}.dash-hero-stat-label{opacity:.85;margin-bottom:4px;font-size:12px}.dash-hero-stat-value{letter-spacing:-.01em;font-size:20px;font-weight:800}.dash-hero-divider{background:#ffffff40;align-self:stretch;width:1px}.dash-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}@media (width<=1280px){.dash-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-stat-card{background:#fff;border:1px solid #e6ecf3;border-radius:4px;padding:18px 18px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.dash-stat-card:before{content:"";background:var(--dash-accent,#3b82f6);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.dash-stat-card:hover{border-color:#dbe4ef;transform:translateY(-2px);box-shadow:0 10px 24px -12px #0f172a2e}.dash-stat-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dash-stat-icon{background:var(--dash-accent-bg,#3b82f61f);width:40px;height:40px;color:var(--dash-accent,#3b82f6);border-radius:4px;justify-content:center;align-items:center;font-size:18px;display:flex}.dash-stat-trend{border-radius:999px;align-items:center;gap:2px;padding:3px 8px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex}.dash-stat-trend.up{color:#059669;background:#10b9811f}.dash-stat-trend.down{color:#e11d48;background:#f43f5e1f}.dash-stat-value{color:#0f1e38;letter-spacing:-.01em;word-break:break-word;margin-bottom:4px;font-size:22px;font-weight:800;line-height:1.2}.dash-stat-label{color:#64748b;font-size:12.5px;font-weight:500}.dash-stat-hint{color:#94a3b8;letter-spacing:.01em;margin-top:4px;font-size:11px;font-weight:500}.dash-blue{--dash-accent:#3b82f6;--dash-accent-bg:#3b82f61f}.dash-green{--dash-accent:#10b981;--dash-accent-bg:#10b9811f}.dash-violet{--dash-accent:#8b5cf6;--dash-accent-bg:#8b5cf61f}.dash-amber{--dash-accent:#f59e0b;--dash-accent-bg:#f59e0b24}.dash-rose{--dash-accent:#f43f5e;--dash-accent-bg:#f43f5e1f}.dash-cyan{--dash-accent:#06b6d4;--dash-accent-bg:#06b6d41f}.dash-main-row{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (width<=1100px){.dash-main-row{grid-template-columns:1fr;gap:20px}}@media (width<=600px){.dash-main-row{gap:16px}}.dash-panel{background:#fff;border:1px solid #e6ecf3;border-radius:4px;padding:20px;box-shadow:0 1px 2px #0f172a0a}.dash-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.dash-panel-title{color:#0f1e38;margin:0 0 2px;font-size:16px;font-weight:700}.dash-panel-sub{color:#64748b;font-size:12.5px}.dash-panel-icon{color:#94a3b8;font-size:20px}.dash-chip{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.dash-chip-blue{color:#2563eb;background:#3b82f61a}.dash-chart-wrap{width:100%;margin:4px 0 0 -8px}.dash-chart-panel{overflow:hidden}.dash-chart-panel .recharts-wrapper,.dash-chart-panel .recharts-surface{overflow:visible}.dash-tooltip{color:#fff;background:#0f1e38;border-radius:4px;min-width:170px;padding:10px 12px;font-size:12px;box-shadow:0 10px 24px #0000002e}.dash-tooltip-title{margin-bottom:6px;font-size:12.5px;font-weight:700}.dash-tooltip-row{align-items:center;gap:8px;font-size:12.5px;display:flex}.dash-tooltip-row strong{margin-left:auto;font-weight:700}.dash-tooltip-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dash-tooltip-sub{opacity:.75;margin-top:4px;font-size:11.5px}.dash-top-list{flex-direction:column;gap:14px;display:flex}.dash-top-item{align-items:flex-start;gap:12px;display:flex}.dash-top-rank{color:#334155;background:#eef2f7;border-radius:4px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12.5px;font-weight:800;display:flex}.dash-top-item:first-child .dash-top-rank{color:#b45309;background:#fef3c7}.dash-top-item:nth-child(2) .dash-top-rank{color:#475569;background:#e2e8f0}.dash-top-item:nth-child(3) .dash-top-rank{color:#92400e;background:#fde68a}.dash-top-body{flex:1;min-width:0}.dash-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.dash-top-name{color:#0f1e38;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.dash-top-rev{color:#059669;white-space:nowrap;font-size:13px;font-weight:700}.dash-top-bar{background:#f1f5f9;border-radius:999px;width:100%;height:6px;overflow:hidden}.dash-top-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;height:100%}.dash-top-meta{color:#64748b;margin-top:4px;font-size:11.5px}.dash-empty{text-align:center;color:#94a3b8;padding:40px 0;font-size:13px}.dash-info-row-grid,.dashboard-v2>.dash-info-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=1000px){.dashboard-v2>.dash-info-row{grid-template-columns:1fr}}.dash-info-card{background:#fff;border:1px solid #e6ecf3;border-radius:4px;padding:18px 20px;box-shadow:0 1px 2px #0f172a0a}.dash-info-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dash-info-icon{border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dash-info-icon.info-blue{color:#2563eb;background:#3b82f61f}.dash-info-icon.info-green{color:#059669;background:#10b9811f}.dash-info-icon.info-amber{color:#b45309;background:#f59e0b24}.dash-info-title{color:#0f1e38;font-size:15px;font-weight:700;line-height:1.2}.dash-info-sub{color:#64748b;margin-top:2px;font-size:12px}.dash-info-rows{flex-direction:column;gap:0;display:flex}.dash-info-rows .dash-info-row{color:#475569;border-bottom:1px dashed #eef2f7;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.dash-info-rows .dash-info-row:last-child{border-bottom:0}.dash-info-rows .dash-info-row strong{color:#0f1e38;font-size:14px;font-weight:700}.dash-info-rows .text-success{color:#059669}.dash-info-rows .text-danger{color:#e11d48}.dash-info-rows .text-warning{color:#b45309}.header .header-left{flex-direction:row;align-items:center;gap:12px}.header-title-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.header-title-wrap .header-title{white-space:nowrap;text-overflow:ellipsis;max-width:60vw;overflow:hidden}.header-burger{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,border-color .15s;display:none}.header-burger:hover{background:#f1f5f9}.header-burger:active{background:#e2e8f0}.sidebar-mobile-close{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:none}.sidebar-mobile-close:hover{background:#f1f5f9}.sidebar-backdrop{z-index:50;background:#0f172a8c;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width<=900px){.header-burger{display:inline-flex}.header .header-title{font-size:17px}.header .header-breadcrumb{font-size:12px}.sidebar{z-index:60;max-width:84vw;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 20px 45px #09122159;width:280px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar .nav-text,.sidebar .logo-text,.sidebar .logo-subtext,.sidebar .sidebar-user-meta,.sidebar .nav-group-title{display:revert;opacity:1}.sidebar-mobile-close{display:inline-flex}.sidebar .sidebar-toggle{display:none}.sidebar-backdrop{display:block}.main-content,.main-content.collapsed{margin-left:0!important}.header{left:0!important}.modal-overlay{align-items:stretch;padding:0}.modal{border-radius:0;height:100vh;margin:0;width:100%!important;max-width:100%!important;max-height:100vh!important}.modal-body{max-height:none}.form-row,.form-row.three,.form-row.four{grid-template-columns:1fr!important}.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-header-actions{flex-wrap:wrap;gap:8px}.page-header-actions .btn{flex:auto;min-width:0}.data-table,.table,.cashbook-table,.report-product-table,.products-table,.orders-table,.customers-table,.inventory-table{min-width:640px}.data-card,.table-wrap,.data-table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.dash-hero{border-radius:4px;padding:20px}.dash-hero-title{font-size:20px}.dash-hero-stats{gap:16px;width:100%;padding:12px 16px}.dash-hero-stat-value{font-size:18px}.dash-main-row{grid-template-columns:1fr}}@media (width<=600px){:root{--header-height:60px}.header{padding:8px 12px}.header .header-breadcrumb{display:none}.header .header-title{max-width:48vw;font-size:16px}.header-right{gap:6px}.header-user .user-info{display:none}.header-user-caret{display:none!important}.avatar{margin:0}.page-content{padding:12px!important;padding-top:calc(var(--header-height) + 12px)!important}.dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-stat-card{border-radius:4px;padding:14px 14px 12px}.dash-stat-value{font-size:18px}.dash-stat-icon{border-radius:4px;width:34px;height:34px;font-size:16px}.dash-hero{padding:18px 16px}.dash-hero-content{gap:14px}.dash-hero-title{font-size:18px}.dash-hero-stats{flex-wrap:wrap;gap:10px 18px;padding:10px 14px}.dash-hero-divider{display:none}.dash-panel{border-radius:4px;padding:14px}.dash-panel-head{margin-bottom:12px}.dash-panel-title{font-size:15px}.dashboard-v2>.dash-info-row{grid-template-columns:1fr;gap:12px}.dash-info-card{border-radius:4px;padding:14px 16px}.dash-chart-wrap .recharts-responsive-container{height:280px!important}.btn{min-height:40px}.toast-container{width:auto!important;inset:auto 12px 12px!important}}@media (width<=400px){.dash-stat-grid{grid-template-columns:1fr}}@media (width<=900px){html,body{overflow-x:hidden}.app-layout,.main-content,.page-content{max-width:100vw;overflow-x:hidden}.page-header,.page-header-left,.page-header-actions,.filter-bar,.data-card-header,.data-card-actions,.shared-time-filter,.shared-time-filter .cashbook-time-controls{flex-wrap:wrap;min-width:0}.filter-bar{gap:10px;margin-bottom:14px}.filter-bar .filter-input{flex:100%;width:100%;min-width:0}.filter-bar select{flex:calc(50% - 5px);width:auto;min-width:0}.filter-bar .shared-time-filter{flex:100%;width:100%}.shared-time-filter .cashbook-time-controls{flex-wrap:wrap;gap:8px;width:100%;display:flex;min-width:0!important}.shared-time-filter .cashbook-time-select-wrap,.shared-time-filter .cashbook-date-range-trigger{flex:calc(50% - 4px);width:auto;min-width:0!important}.shared-time-filter{gap:8px}.page-header{gap:10px}.page-header-left h1{font-size:20px;line-height:1.2}.page-header-left p{font-size:12.5px}.page-header-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%;display:grid}.page-header-actions .btn{white-space:nowrap;justify-content:center;width:100%;min-width:0}.data-card-header{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.data-card-actions{gap:8px;width:100%}.data-card-actions .btn,.data-card-actions>*{min-width:0}.data-table-wrapper,.data-table-wrap,.table-wrap,.product-history-table-wrap,.inventory-table-wrap,.orders-table-wrap,.customers-table-wrap,.report-table-wrap,.cashbook-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.data-table-wrapper::-webkit-scrollbar{height:6px}.data-table-wrap::-webkit-scrollbar{height:6px}.table-wrap::-webkit-scrollbar{height:6px}.form-row,.form-row.two,.form-row.three,.form-row.four,.cashbook-form-grid,.edit-order-grid,.product-form-grid,.receipt-detail-form-grid,.user-form-grid{gap:10px;grid-template-columns:1fr!important}.form-input,.form-select,.form-textarea,select,input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=date]{box-sizing:border-box;width:100%;max-width:100%}.modal-body{padding:14px 16px}.modal-header,.modal-footer{padding:12px 16px}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:140px}.product-detail-hero,.product-detail-info-grid,.product-detail-price-grid{grid-template-columns:1fr!important}.product-detail-tabs{flex-wrap:nowrap;gap:0;overflow-x:auto}.product-detail-tab{white-space:nowrap;flex:none;padding:10px 12px}.order-create-modal,.edit-order-modal{border-radius:0;margin:0;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}.order-create-body,.edit-order-body{overflow-y:auto;flex-direction:column!important}.order-products-section,.order-summary-section,.order-customer-section,.edit-order-main,.edit-order-side{flex:unset!important;width:100%!important;min-width:0!important;max-width:100%!important}.cashbook-toolbar,.cashbook-compact-filters,.cashbook-summary-strip{flex-wrap:wrap}.cashbook-toolbar>*,.cashbook-compact-filters>*{min-width:0}.report-toolbar,.report-filter-group,.report-kpi-grid,.report-chart-layout,.report-compact-grid{flex-wrap:wrap}.report-kpi-grid,.report-chart-layout,.report-compact-grid{grid-template-columns:1fr!important}}@media (width<=600px){.page-header-actions{grid-template-columns:1fr 1fr}.page-header-actions:has(>.btn:only-child){grid-template-columns:1fr}.product-img{max-width:100%;height:auto}.product-detail-image{object-fit:contain;width:100%;height:100%;max-height:100%}.cell-product .product-img{width:36px;height:36px}.data-table thead th,.data-table tbody td{padding:10px 12px;font-size:12.5px}.btn{padding:8px 12px;font-size:13px}.time-filter-popover,.cashbook-date-popover{width:100%!important;min-width:0!important;max-width:100vw!important;left:0!important;right:0!important}}@media (width<=420px){.page-header-actions{grid-template-columns:1fr}}@media (width<=900px){.col-hide-sm{display:none!important}.data-table,.table,.cashbook-table,.report-product-table,.products-table,.orders-table,.customers-table,.inventory-table{width:100%;min-width:0}.data-table thead th,.data-table tbody td{padding:10px}.cell-product .product-img{width:36px;height:36px}.product-info .product-name{font-size:13px;line-height:1.3}}@media (width<=600px){.col-hide-xs{display:none!important}.data-table thead th,.data-table tbody td{padding:8px;font-size:12.5px}}.sidebar>.sidebar-nav:first-child{padding-top:0!important}.sidebar-nav>.nav-group:first-child{margin-top:0!important}.sidebar-nav>.nav-group:first-child>.nav-group-title{padding-top:10px}.select-import-modal .modal-header{align-items:flex-start}.select-import-search{position:relative}.select-import-search input{border:1px solid var(--border-color);background:#fff;border-radius:4px;width:100%;padding:10px 12px 10px 38px;font-size:13px;transition:border-color .15s,box-shadow .15s}.select-import-search input:focus{border-color:var(--primary-color,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61f}.select-import-list{flex-direction:column;gap:10px;max-height:56vh;padding:2px;display:flex;overflow-y:auto}.select-import-card{all:unset;cursor:pointer;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe5f3;border-radius:4px;justify-content:space-between;align-items:stretch;gap:14px;padding:14px 16px;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 2px #0f172a0a}.select-import-card:hover{border-color:var(--primary-color,#3b82f6);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f61f}.select-import-card:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.select-import-card-left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.select-import-code-badge{color:var(--primary-color,#2563eb);letter-spacing:.02em;background:#3b82f61a;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.select-import-supplier{color:#1f2a44;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.select-import-meta{color:#6a7a94;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.select-import-meta span{align-items:center;gap:4px;display:inline-flex}.select-import-card-right{align-items:center;gap:10px;display:flex}.select-import-remaining-pill{color:var(--accent-emerald,#059669);white-space:nowrap;background:#10b9811f;border:1px solid #10b98147;border-radius:999px;align-items:baseline;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.select-import-remaining-pill strong{font-size:14px;font-weight:800}.select-import-chevron{color:#b3c0d4;transition:transform .15s,color .15s}.select-import-card:hover .select-import-chevron{color:var(--primary-color,#3b82f6);transform:translate(2px)}.select-import-empty{color:#6a7a94;background:#f8fbff;border:1px dashed #d6e0f0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.select-import-empty-title{color:#1f2a44;font-size:14px;font-weight:700}.select-import-empty-sub{color:#6a7a94;font-size:12px}@media (width<=640px){.select-import-card{flex-direction:column;align-items:stretch}.select-import-card-right{justify-content:space-between}}.ds-page{--ds-border:#e6ecf3;--ds-border-soft:#eef2f7;--ds-text:#1d2b45;--ds-text-muted:#6781a0;--ds-text-faint:#8196ad;--ds-bg-soft:#f7faff;--ds-blue:#1565d8;--ds-blue-bg:#eaf2ff;--ds-green:#0f9f6e;--ds-green-bg:#e6faf0;--ds-red:#c62842;--ds-red-bg:#fde8eb;--ds-amber:#b45309;--ds-amber-bg:#fef3dc;flex-direction:column;gap:18px;padding:4px 0 28px;display:flex}.ds-loading{text-align:center;color:var(--ds-text-muted);padding:80px;font-size:14px}.ds-up{color:#0f9f6e}.ds-down{color:#c62842}.ds-warn{color:#b45309}.ds-header{border-bottom:1px solid var(--ds-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:4px;display:flex}.ds-header-left{min-width:0}.ds-header-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:4px;font-size:11px;font-weight:700}.ds-header-date{color:var(--ds-text);font-size:16px;font-weight:600}.ds-header-actions{flex-wrap:wrap;gap:8px;display:flex}.ds-btn{border:1px solid var(--ds-border);color:var(--ds-text);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.ds-btn:hover{background:#fafcff;border-color:#c8d3e2}.ds-btn svg{font-size:14px}.ds-btn-primary{background:var(--ds-blue);border-color:var(--ds-blue);color:#fff}.ds-btn-primary:hover{background:#0f54bd;border-color:#0f54bd}.ds-btn-dev{color:#92500c;background:#fef3dc;border-color:#f6d28a}.ds-btn-dev:hover{background:#fde7b7;border-color:#e6b54a}.ds-btn-danger{color:#c62842;background:#fff;border-color:#f5cdd2}.ds-btn-danger:hover{background:#fde8eb;border-color:#e89aa4}.ds-btn[disabled]{opacity:.6;cursor:not-allowed}.ds-today{border:1px solid var(--ds-border);background:#fff;position:relative;overflow:hidden}.ds-today:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 0 0,#6366f114,#0000 60%),radial-gradient(60% 80% at 100% 100%,#0ea5e90f,#0000 60%);position:absolute;inset:0}.ds-today-grid{z-index:1;grid-template-columns:minmax(0,1fr) 280px;display:grid;position:relative}@media (width<=1100px){.ds-today-grid{grid-template-columns:1fr}}.ds-today-main{border-right:1px solid var(--ds-border-soft);flex-direction:column;gap:8px;min-width:0;padding:18px 22px 14px;display:flex}@media (width<=1100px){.ds-today-main{border-right:none;border-bottom:1px solid var(--ds-border-soft)}}.ds-today-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ds-today-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.ds-today-title{color:var(--ds-text);letter-spacing:-.025em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:30px;font-weight:700;line-height:1.05;display:flex}.ds-today-sub{color:var(--ds-text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.ds-today-mini{background:#6366f10a;border:1px solid #6366f11f;align-items:stretch;gap:18px;padding:8px 14px;display:flex}.ds-today-mini-item{flex-direction:column;gap:2px;min-width:60px;display:flex}.ds-today-mini-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10.5px;font-weight:700}.ds-today-mini-item strong{color:var(--ds-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:15px;font-weight:700}.ds-today-mini-sep{background:#6366f12e;width:1px}@media (width<=720px){.ds-today-title{font-size:24px}.ds-today-mini{gap:12px;padding:8px 10px}.ds-today-mini-item{min-width:50px}}.ds-today-chart{margin:4px -8px 0 -4px}.ds-today-legend{color:var(--ds-text-muted);align-items:center;gap:18px;padding-top:4px;font-size:12px;display:flex}.ds-today-legend-item{align-items:center;gap:6px;display:inline-flex}.ds-today-legend-dot{width:10px;height:10px;display:inline-block}.ds-today-legend-area{background:linear-gradient(#6366f1,#3b82f6)}.ds-today-legend-bar{background:linear-gradient(#10b981,#10b9818c)}.ds-today-side{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.ds-today-side-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ds-today-side-total{color:var(--ds-text-muted);font-variant-numeric:tabular-nums;background:var(--ds-bg-soft);border:1px solid var(--ds-border);padding:3px 8px;font-size:11.5px;font-weight:700}.ds-today-empty{text-align:center;color:var(--ds-text-faint);padding:36px 0;font-size:12.5px}.ds-today-donut{justify-content:center;align-items:center;display:flex;position:relative}.ds-today-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ds-today-donut-center strong{color:var(--ds-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.ds-today-donut-center span{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-faint);margin-top:4px;font-size:10.5px;font-weight:600}.ds-today-status-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ds-today-status-list li{border-bottom:1px solid var(--ds-border-soft);align-items:center;gap:8px;padding:7px 0;font-size:12.5px;display:flex}.ds-today-status-list li:last-child{border-bottom:none}.ds-today-status-dot{flex:0 0 8px;width:8px;height:8px}.ds-today-status-label{color:var(--ds-text);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ds-today-status-pct{color:var(--ds-text-faint);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-size:11px}.ds-today-status-list strong{text-align:right;min-width:24px;color:var(--ds-text);font-variant-numeric:tabular-nums;font-weight:700}.ds-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=720px){.ds-kpis{grid-template-columns:repeat(1,minmax(0,1fr))}}.ds-kpi{border:1px solid var(--ds-border);background:#fff;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.ds-kpi-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-kpi-label{color:var(--ds-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ds-kpi-value{color:var(--ds-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.ds-kpi-split{align-items:baseline;gap:6px;font-size:18px;display:flex}.ds-kpi-sep{color:var(--ds-text-faint);font-weight:400}.ds-kpi-foot{color:var(--ds-text-faint);font-variant-numeric:tabular-nums;font-size:11.5px}.ds-kpi-tag{letter-spacing:.04em;color:var(--ds-text-muted);background:var(--ds-bg-soft);border:1px solid var(--ds-border);padding:2px 7px;font-size:10.5px;font-weight:700}.ds-delta{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:3px;padding:2px 6px;font-size:11.5px;font-weight:700;display:inline-flex}.ds-delta svg{font-size:12px}.ds-delta-up{color:#0f9f6e;background:#e6faf0}.ds-delta-down{color:#c62842;background:#fde8eb}.ds-delta-neutral{color:var(--ds-text-faint);background:var(--ds-bg-soft)}.ds-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.ds-grid{grid-template-columns:1fr}}.ds-col-main,.ds-col-side{flex-direction:column;gap:16px;min-width:0;display:flex}.ds-section{border:1px solid var(--ds-border);background:#fff}.ds-section-head{border-bottom:1px solid var(--ds-border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.ds-section-head-tight{padding:12px 14px}.ds-section-title{color:var(--ds-text);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.ds-section-icon{color:var(--ds-text-muted);font-size:15px}.ds-section-sub{color:var(--ds-text-faint);margin-top:2px;font-size:11.5px}.ds-section-meta{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;display:flex}.ds-section-meta-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);font-size:10.5px;font-weight:700}.ds-section-meta strong{color:var(--ds-text);font-size:14px;font-weight:700}.ds-link{color:var(--ds-blue);white-space:nowrap;font-size:12px;font-weight:600;text-decoration:none}.ds-link:hover{text-decoration:underline}.ds-empty{text-align:center;color:var(--ds-text-faint);padding:36px 16px;font-size:13px}.ds-empty-tight{padding:18px 14px;font-size:12.5px}.ds-chart{padding:12px 8px 8px 4px}.ds-tooltip{color:#fff;background:#0f1e38;border:none;min-width:160px;padding:10px 12px;font-size:12px;box-shadow:0 6px 18px #0f172a2e}.ds-tooltip-title{border-bottom:1px solid #ffffff1f;margin-bottom:6px;padding-bottom:6px;font-size:12.5px;font-weight:700}.ds-tooltip-row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;padding:2px 0;display:flex}.ds-tooltip-label{color:#ffffffb8}.ds-tooltip-row strong{color:#fff;font-weight:700}.ds-table{border-collapse:collapse;width:100%;font-size:13px}.ds-table thead th{text-align:left;background:var(--ds-bg-soft);border-bottom:1px solid var(--ds-border);letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-muted);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:700}.ds-table tbody td{border-bottom:1px solid var(--ds-border-soft);vertical-align:middle;color:var(--ds-text);padding:11px 16px}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr:hover td{background:#fafcff}.ds-table thead th.ds-th-num,.ds-table tbody td.ds-td-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ds-th-rank{text-align:center;width:36px}.ds-td-rank{text-align:center;width:36px;color:var(--ds-text-muted);font-variant-numeric:tabular-nums;font-weight:700}.ds-td-code{color:var(--ds-blue);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600}.ds-td-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.ds-td-amount{font-weight:700}.ds-td-muted{color:var(--ds-text-faint);font-size:12px}.ds-pill{white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.ds-pill-good{background:var(--ds-green-bg);color:var(--ds-green)}.ds-pill-warn{background:var(--ds-amber-bg);color:var(--ds-amber)}.ds-pill-bad{background:var(--ds-red-bg);color:var(--ds-red)}.ds-cash-total{color:var(--ds-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding:14px 16px 8px;font-size:24px;font-weight:700}.ds-cash-rows{flex-direction:column;gap:14px;padding:8px 16px 16px;display:flex}.ds-cash-row-head{color:var(--ds-text);align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;display:flex}.ds-cash-row-head strong{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.ds-cash-dot{width:8px;height:8px;display:inline-block}.ds-cash-dot-emerald{background:var(--ds-green)}.ds-cash-dot-blue{background:var(--ds-blue)}.ds-cash-track{background:var(--ds-border-soft);height:4px;overflow:hidden}.ds-cash-fill{height:100%;display:block}.ds-cash-fill-emerald{background:var(--ds-green)}.ds-cash-fill-blue{background:var(--ds-blue)}.ds-cash-foot{background:var(--ds-bg-soft);border-top:1px solid var(--ds-border-soft);color:var(--ds-text-muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12.5px;display:flex}.ds-cash-foot strong{font-variant-numeric:tabular-nums;font-weight:700}.ds-list{margin:0;padding:0;list-style:none}.ds-list-row{border-bottom:1px solid var(--ds-border-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ds-list-row:last-child{border-bottom:none}.ds-list-row:hover{background:#fafcff}.ds-list-main{flex:1;min-width:0}.ds-list-name{color:var(--ds-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ds-list-sub{color:var(--ds-text-faint);margin-top:1px;font-size:11.5px}.ds-list-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.dashboard-v3{flex-direction:column;gap:16px;padding:4px 0 24px;display:flex}.dashboard-v3 .dash-loading{text-align:center;color:#6781a0;padding:60px}.d3-card{background:#fff;border:1px solid #e6ecf3;box-shadow:0 1px 2px #0f172a0a}.d3-hero{background:#fff;border:1px solid #e6ecf3;flex-wrap:wrap;align-items:stretch;gap:20px;padding:18px 20px;display:flex;box-shadow:0 1px 2px #0f172a0a}.d3-hero-left{flex:280px;min-width:0}.d3-hero-greet{letter-spacing:.04em;text-transform:uppercase;color:#6781a0;margin-bottom:6px;font-size:11px;font-weight:700}.d3-hero-title{color:#1d2b45;letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}.d3-hero-date{color:#7289a6;font-size:12.5px}.d3-hero-snapshot{align-items:stretch;gap:28px;padding:0;display:flex}.d3-snap-item{flex-direction:column;justify-content:center;min-width:130px;display:flex}.d3-snap-label{letter-spacing:.04em;text-transform:uppercase;color:#6781a0;margin-bottom:4px;font-size:11px;font-weight:700}.d3-snap-value{color:#1d2b45;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.d3-snap-value.d3-snap-net{align-items:baseline;gap:10px;font-size:15px;display:flex}.d3-snap-net .d3-up{color:#0f9f6e;font-weight:700}.d3-snap-net .d3-down{color:#c62842;font-weight:700}.d3-snap-sep{background:#e6ecf3;align-self:stretch;width:1px}@media (width<=720px){.d3-hero-snapshot{flex-direction:column;align-items:stretch;gap:12px}.d3-snap-sep{width:auto;height:1px}}.d3-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.d3-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.d3-action{color:#1d2b45;background:#fff;border:1px solid #e6ecf3;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0f172a0a}.d3-action:hover{border-color:#c8d3e2;box-shadow:0 4px 12px #0f172a0f}.d3-action-icon{color:#1565d8;background:#eaf2ff;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:inline-flex}.d3-action-title{color:#1d2b45;font-size:13.5px;font-weight:600}.d3-action-sub{color:#6781a0;margin-top:2px;font-size:12px}.d3-action-primary{color:#fff;background:#1565d8;border-color:#1565d8}.d3-action-primary .d3-action-icon{color:#fff;background:#ffffff2e}.d3-action-primary .d3-action-title{color:#fff}.d3-action-primary .d3-action-sub{color:#ffffffc7}.d3-action-primary:hover{background:#0f54bd;border-color:#0f54bd;box-shadow:0 4px 12px #1565d840}.d3-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.d3-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.d3-strip-card{background:#fff;border:1px solid #e6ecf3;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a}.d3-strip-card:before{content:"";background:var(--d3-accent,#1565d8);width:3px;position:absolute;top:0;bottom:0;left:0}.d3-strip-icon{background:var(--d3-accent-bg,#eaf2ff);width:38px;height:38px;color:var(--d3-accent,#1565d8);flex:0 0 38px;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.d3-strip-body{flex:1;min-width:0}.d3-strip-label{letter-spacing:.04em;text-transform:uppercase;color:#6781a0;margin-bottom:4px;font-size:11px;font-weight:700}.d3-strip-value{color:#1d2b45;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.d3-strip-foot{color:#8196ad;margin-top:2px;font-size:11.5px}.d3-strip-card.tone-blue{--d3-accent:#1565d8;--d3-accent-bg:#eaf2ff}.d3-strip-card.tone-emerald{--d3-accent:#0f9f6e;--d3-accent-bg:#e6faf0}.d3-strip-card.tone-amber{--d3-accent:#b45309;--d3-accent-bg:#fef3dc}.d3-strip-card.tone-violet{--d3-accent:#6d28d9;--d3-accent-bg:#f0ebff}.d3-alerts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.d3-alerts{grid-template-columns:1fr}}.d3-alert-card{background:#fff;border:1px solid #e6ecf3;padding:16px;box-shadow:0 1px 2px #0f172a0a}.d3-alert-head{border-bottom:1px solid #eef2f7;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.d3-alert-icon{flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:inline-flex}.d3-alert-icon.tone-warn{color:#b45309;background:#fef3dc}.d3-alert-icon.tone-rose{color:#c62842;background:#fde8eb}.d3-alert-title{color:#1d2b45;font-size:14px;font-weight:700}.d3-alert-sub{color:#7289a6;margin-top:1px;font-size:12px}.d3-alert-link{color:#1565d8;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600;text-decoration:none}.d3-alert-link:hover{text-decoration:underline}.d3-alert-empty{text-align:center;color:#8196ad;padding:24px;font-size:13px}.d3-alert-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.d3-alert-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.d3-alert-item:last-child{border-bottom:none}.d3-alert-item-name{flex-direction:column;gap:2px;min-width:0;display:flex}.d3-alert-item-name strong{color:#1d2b45;font-size:13px;font-weight:600}.d3-alert-item-code{color:#8196ad;font-size:11.5px}.d3-alert-item-pill{white-space:nowrap;font-variant-numeric:tabular-nums;padding:4px 10px;font-size:12px;font-weight:700}.d3-alert-item-pill.warn{color:#b45309;background:#fef3dc}.d3-alert-item-pill.critical{color:#c62842;background:#fde8eb}.d3-trend-row{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px;display:grid}@media (width<=1100px){.d3-trend-row{grid-template-columns:1fr}}.d3-panel{background:#fff;border:1px solid #e6ecf3;padding:16px;box-shadow:0 1px 2px #0f172a0a}.d3-panel-head{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.d3-panel-title{color:#1d2b45;margin:0;font-size:14px;font-weight:700}.d3-panel-sub{color:#7289a6;margin-top:2px;font-size:12px}.d3-panel-icon{color:#8196ad;font-size:16px}.d3-panel-link{color:#1565d8;align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.d3-panel-link:hover{text-decoration:underline}.d3-chip{color:#1565d8;background:#eaf2ff;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.d3-trend-chart{width:100%;margin:0 0 0 -8px}.d3-empty{text-align:center;color:#8196ad;padding:32px 0;font-size:13px}.d3-cash-panel{flex-direction:column;display:flex}.d3-cash-total{background:#f7faff;border:1px solid #e6ecf3;margin-bottom:14px;padding:12px 14px}.d3-cash-total-label{letter-spacing:.04em;text-transform:uppercase;color:#6781a0;margin-bottom:4px;font-size:11px;font-weight:700}.d3-cash-total-value{color:#1d2b45;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.d3-cash-rows{flex-direction:column;gap:12px;display:flex}.d3-cash-row-head{color:#1d2b45;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.d3-cash-row-head strong{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.d3-cash-dot{width:8px;height:8px;display:inline-block}.d3-cash-dot.tone-emerald{background:#0f9f6e}.d3-cash-dot.tone-blue{background:#1565d8}.d3-cash-track{background:#eef2f7;height:6px;overflow:hidden}.d3-cash-fill{height:100%;display:block}.d3-cash-fill.tone-emerald{background:#0f9f6e}.d3-cash-fill.tone-blue{background:#1565d8}.d3-cash-net{align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:13px;display:inline-flex}.d3-cash-net.good{color:#0f9f6e;background:#e6faf0;border:1px solid #c7f0d6}.d3-cash-net.bad{color:#c62842;background:#fde8eb;border:1px solid #f5cdd2}.d3-cash-net strong{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.d3-board-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.d3-board-row{grid-template-columns:1fr}}.d3-rank-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.d3-rank-item{align-items:flex-start;gap:12px;display:flex}.d3-rank-badge{color:#475569;background:#eef2f7;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12.5px;font-weight:700;display:inline-flex}.d3-rank-badge.rank-1{color:#b45309;background:#fef3dc}.d3-rank-badge.rank-2{color:#475569;background:#eef2f7}.d3-rank-badge.rank-3{color:#c62842;background:#fde8eb}.d3-rank-body{flex:1;min-width:0}.d3-rank-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.d3-rank-name{color:#1d2b45;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.d3-rank-value{color:#1565d8;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.d3-rank-bar{background:#eef2f7;width:100%;height:5px;overflow:hidden}.d3-rank-fill{background:#1565d8;height:100%;display:block}.d3-rank-fill.tone-emerald{background:#0f9f6e}.d3-rank-meta{color:#8196ad;margin-top:4px;font-size:11.5px}.d3-recent{padding:16px}.d3-timeline{flex-direction:column;display:flex}.d3-timeline-item{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 0;display:flex}.d3-timeline-item:last-child{border-bottom:none}.d3-timeline-dot{background:#1565d8;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.d3-timeline-body{flex:1;min-width:0}.d3-timeline-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2px;display:flex}.d3-timeline-code{color:#1565d8;font-size:13px;font-weight:700}.d3-timeline-name{color:#1d2b45;font-size:13px}.d3-timeline-status{padding:3px 8px;font-size:11px;font-weight:700}.d3-timeline-status.tone-good{color:#0f9f6e;background:#e6faf0}.d3-timeline-status.tone-warn{color:#b45309;background:#fef3dc}.d3-timeline-status.tone-bad{color:#c62842;background:#fde8eb}.d3-timeline-amount{color:#1d2b45;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.d3-timeline-time{color:#8196ad;margin-left:auto;font-size:11.5px}