:root{--sidebar-bg: rgba(245, 245, 247, .85);--content-bg: #ffffff;--text-primary: #1d1d1f;--text-secondary: #86868b;--accent-color: #007aff;--accent-hover: #0062cc;--border-radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--content-bg);color:var(--text-primary);height:100vh;overflow:hidden;font-size:15px}.sidebar{width:260px;background-color:var(--sidebar-bg);height:100vh;display:flex;flex-direction:column;padding:20px 15px;border-right:1px solid #d2d2d7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo{font-size:22px;font-weight:700;margin-bottom:30px;padding-left:10px;color:var(--text-primary);letter-spacing:-.5px}.menu-btn{background:none;border:none;color:var(--text-primary);padding:10px 12px;text-align:left;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:5px;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;gap:10px}.menu-btn:hover{background-color:#0000000d}.menu-btn.active{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 10px #007aff4d}.main-content{flex:1;padding:30px 40px;background-color:var(--content-bg);overflow-y:auto}h1{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.02em}p{color:var(--text-secondary);font-size:16px;line-height:1.5}:root{--primary: #007AFF;--primary-light: #5AC8FA;--primary-dark: #0051D4;--bg-main: #FFFFFF;--bg-secondary: #F5F7FA;--bg-tertiary: #F0F2F5;--text-main: #1C1C1E;--text-secondary: #3C3C43;--text-muted: #8E8E93;--border: #E5E5EA;--success: #34C759;--warning: #FF9500;--danger: #FF3B30;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--transition: all .2s ease;--transition-bounce: all .3s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{background:var(--bg-secondary);color:var(--text-main);overflow:hidden}.container{display:flex;height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#fff,#f9f9f9);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;box-shadow:2px 0 8px #00000005}.sidebar-header{padding:0 8px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px;box-shadow:0 4px 12px #007aff4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 12px #007aff4d}50%{box-shadow:0 4px 20px #007aff80}}.logo-text{font-size:20px;font-weight:800;color:var(--text-main)}.logo-text span{color:var(--primary)}.quick-stats{padding:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);margin-bottom:16px;color:#fff}.quick-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quick-stats-header span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.quick-stats-value{font-size:28px;font-weight:900}.quick-stats-label{font-size:12px;opacity:.8;margin-top:2px}.nav-menu{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 0}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:14px;border:none;background:transparent;cursor:pointer;transition:var(--transition);text-align:left;width:100%}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-main);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #007aff4d;transform:translate(4px)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:16px 8px;border-top:1px solid var(--border);margin-top:auto}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.user-profile:hover{background:var(--bg-tertiary)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;box-shadow:0 2px 8px #007aff33}.user-info h4{font-size:14px;font-weight:700;margin-bottom:2px}.user-info span{font-size:12px;color:var(--text-muted);font-weight:500}.main-content{flex:1;overflow-y:auto;background:var(--bg-secondary);padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header h1{font-size:24px;font-weight:800;color:var(--text-main)}.page-header p{font-size:14px;color:var(--text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition-bounce);border:none;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #007aff4d}.btn-primary:hover{box-shadow:0 6px 20px #007aff66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-main)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:16px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:16px;font-weight:700}.table-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeInUp .4s ease .1s both}.table-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.pro-table{width:100%;border-collapse:collapse;text-align:left}.pro-table th{padding:14px 20px;background:var(--bg-secondary);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.pro-table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:14px;transition:var(--transition)}.pro-table tr:hover td{background:var(--bg-tertiary)}.pro-table tr:last-child td{border-bottom:none}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.tag-success{background:#34c7591f;color:var(--success)}.tag-warning{background:#ff95001f;color:var(--warning)}.tag-danger{background:#ff3b301f;color:var(--danger)}.tag-primary{background:#007aff1f;color:var(--primary)}.stock-tag{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}.stock-tag.low{background:#ff3b301f;color:var(--danger)}.stock-tag.ok{background:#34c7591f;color:var(--success)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;background:var(--bg-tertiary);color:var(--text-main);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #007aff1a}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.search-wrapper{position:relative}.search-wrapper svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.search-input{width:100%;max-width:400px;padding:14px 16px 14px 48px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #007aff1a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px;font-weight:800}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:var(--border);color:var(--text-main)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);display:flex;justify-content:center;align-items:center;z-index:9999}.login-card{background:#fff;width:100%;max-width:420px;padding:48px;border-radius:var(--radius-xl);box-shadow:0 25px 50px #0000001a;text-align:center;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275)}.login-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:900;margin:0 auto 24px;box-shadow:0 10px 30px #007aff4d;animation:pulse 2s infinite}.login-card h1{font-size:28px;font-weight:800;margin-bottom:8px}.login-card h1 span{color:var(--primary)}.login-card>p{color:var(--text-muted);margin-bottom:32px}.login-form .form-group{text-align:left}.login-error{background:#ff3b301a;color:var(--danger);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;margin-bottom:20px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.login-btn{width:100%;padding:18px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;font-weight:800;font-size:16px;cursor:pointer;transition:var(--transition-bounce);box-shadow:0 4px 16px #007aff4d}.login-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #007aff66}.login-footer{margin-top:32px;color:var(--text-muted);font-size:13px}.billing-wrapper{display:flex;height:100vh;margin:-24px;background:#fff}.pos-main{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.pos-header{margin-bottom:20px}.search-box{display:flex;align-items:center;background:var(--bg-tertiary);padding:14px 20px;border-radius:var(--radius-lg);border:2px solid transparent;margin-bottom:16px;transition:var(--transition)}.search-box:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #007aff1a}.search-box svg{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.search-box input{border:none;outline:none;flex:1;margin-left:12px;font-size:15px;background:transparent;font-weight:500}.category-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.cat-tab{padding:10px 20px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:var(--transition-bounce);color:var(--text-secondary)}.cat-tab:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.cat-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #007aff4d}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding-bottom:24px}.pos-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:var(--transition-bounce);text-align:center;animation:fadeInUp .3s ease}.pos-card:hover{border-color:var(--primary);transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-md)}.pos-card.out-of-stock{opacity:.5;pointer-events:none}.pos-card-color{height:100px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:900;margin-bottom:12px;transition:var(--transition)}.pos-card:hover .pos-card-color{transform:scale(1.05)}.pos-card-info h4{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-card-info .price{display:block;font-weight:800;color:var(--primary);font-size:16px}.pos-card-info .stock{display:block;font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:600}.pos-sidebar{width:380px;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-2px 0 8px #00000005}.pos-sidebar-header{padding:20px;border-bottom:1px solid var(--border)}.pos-sidebar-header h3{font-size:18px;font-weight:800;margin-bottom:12px}.customer-select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.customer-select:focus{outline:none;border-color:var(--primary)}.cart-list{flex:1;overflow-y:auto;padding:16px 20px}.cart-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.cart-item:last-child{border-bottom:none}.cart-item-meta{flex:1}.cart-item-meta strong{display:block;font-size:14px;font-weight:700;margin-bottom:2px}.cart-item-meta span{font-size:13px;color:var(--text-muted)}.qty-ctrl{display:flex;align-items:center;gap:12px;margin:0 16px}.qty-ctrl button{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.qty-ctrl button:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.1)}.qty-ctrl span{font-weight:700;font-size:15px;min-width:24px;text-align:center}.cart-item-total{font-weight:800;font-size:15px;min-width:80px;text-align:right}.pos-sidebar-footer{padding:20px;border-top:1px solid var(--border);background:var(--bg-secondary)}.pay-methods{display:flex;gap:8px;margin-bottom:16px}.pay-methods button{flex:1;padding:12px;border-radius:var(--radius-md);border:2px solid var(--border);background:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition-bounce)}.pay-methods button:hover{border-color:var(--primary);transform:translateY(-2px)}.pay-methods button.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #007aff4d}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.total-row label{font-size:14px;color:var(--text-muted);font-weight:600}.total-row span{font-weight:700;font-size:14px}.total-grand{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:2px solid var(--border);margin:12px 0 16px}.total-grand label{font-size:14px;font-weight:700;text-transform:uppercase}.total-grand h2{font-size:28px;font-weight:900;color:var(--primary)}.checkout-btn{width:100%;padding:18px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--success) 0%,#2DBE50 100%);color:#fff;border:none;font-weight:800;font-size:16px;cursor:pointer;transition:var(--transition-bounce);box-shadow:0 4px 16px #34c7594d}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #34c75966}.checkout-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.m-card{background:#fff;padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;animation:fadeInUp .4s ease}.m-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary)}.m-card:nth-child(2):before{background:var(--success)}.m-card:nth-child(3):before{background:var(--warning)}.m-card:nth-child(4):before{background:var(--danger)}.m-card .label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.m-card h2{font-size:28px;font-weight:900;color:var(--text-main);margin-bottom:8px}.m-card .trend{font-size:13px;color:var(--text-muted);font-weight:600}.m-card .trend.up{color:var(--success)}.m-card .trend.down{color:var(--danger)}.insights-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.insight-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;animation:fadeInUp .4s ease .2s both}.insight-card h3{font-size:16px;font-weight:800;margin-bottom:16px}.low-stock-list{display:flex;flex-direction:column;gap:12px}.low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:var(--transition)}.low-stock-item:hover{transform:translate(4px);background:var(--border)}.low-stock-item span{font-weight:600;font-size:14px}.low-stock-item strong{font-size:13px;color:var(--danger)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.settings-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.settings-card h3{font-size:16px;font-weight:800;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.settings-card .form-group{margin-bottom:16px}.category-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.category-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-weight:600;font-size:13px;transition:var(--transition)}.category-tag:hover{background:var(--primary);color:#fff}.category-tag button{width:18px;height:18px;border-radius:50%;border:none;background:var(--text-muted);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--transition)}.category-tag button:hover{background:var(--danger)}.loading-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.empty-state h4{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text-secondary)}.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;background:var(--text-main);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;box-shadow:var(--shadow-lg);z-index:99999;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted)}.empty-cart svg{width:80px;height:80px;margin-bottom:16px;opacity:.3}.empty-cart p{font-size:15px;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.user-list{display:flex;flex-direction:column;gap:12px}.user-item{display:flex;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);gap:16px;transition:var(--transition);animation:fadeInUp .3s ease}.user-item:hover{transform:translate(4px);background:var(--border)}.user-item .user-avatar{width:48px;height:48px}.user-item-info{flex:1}.user-item-info h4{font-size:15px;font-weight:700;margin-bottom:4px}.user-item-info span{font-size:13px;color:var(--text-muted)}.role-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.role-badge.admin{background:#007aff1f;color:var(--primary)}.role-badge.staff{background:#8e8e931f;color:var(--text-secondary)}.credit-section{background:#ff3b300d;border:2px solid rgba(255,59,48,.2);border-radius:var(--radius-lg);padding:20px;margin-top:20px}.credit-section h4{font-size:14px;font-weight:700;color:var(--danger);margin-bottom:12px;display:flex;align-items:center;gap:8px}.credit-history{display:flex;flex-direction:column;gap:8px}.credit-item{display:flex;justify-content:space-between;padding:10px;background:#fff;border-radius:var(--radius-sm);font-size:13px}.credit-item span:first-child{color:var(--text-muted)}.credit-item span:last-child{font-weight:700;color:var(--danger)}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.insights-row{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{width:80px;padding:16px 8px}.sidebar-header{padding:0 0 16px}.logo-text,.nav-item span,.sidebar-footer .user-info{display:none}.nav-item{justify-content:center;padding:12px}.pos-sidebar{width:320px}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:700}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:16px}.hidden{display:none}.actions{display:flex;gap:8px}