.auth-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:14px 16px;font-size:16px;transition:all .2s ease;width:100%}.auth-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-input::placeholder{color:#9ca3af;font-weight:400}.auth-label{font-weight:600;color:#374151;font-size:14px;margin-bottom:8px;display:block}.auth-form-group{margin-bottom:20px}.auth-select{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:14px 16px;font-size:16px;transition:all .2s ease;width:100%;cursor:pointer}.auth-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-checkbox{accent-color:#667eea;transform:scale(1.2);margin-right:12px}.auth-card{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.auth-button:active{transform:translateY(0)}:root{--admin-primary: #e74c3c;--admin-light: #fadbd8;--admin-dark: #c0392b;--shopkeeper-primary: #27ae60;--shopkeeper-light: #d5f4e6;--shopkeeper-dark: #229954;--collaborator-primary: #3498db;--collaborator-light: #d6eaf8;--collaborator-dark: #2980b9;--customer-primary: #9b59b6;--customer-light: #e8daef;--customer-dark: #8e44ad;--dashboard-bg: #f8f9fc;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}.dashboard-layout{min-height:100vh;background:var(--dashboard-bg);display:flex}.dashboard-sidebar{width:280px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s ease;position:fixed;height:100vh;overflow-y:auto;z-index:1000}.dashboard-sidebar.collapsed{width:80px}.dashboard-sidebar.mobile-hidden{transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0);width:280px}.sidebar-logo{padding:24px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.sidebar-logo{justify-content:flex-start;position:relative;min-height:50px}.sidebar-logo-expanded{display:flex;align-items:center;transition:all .3s ease}.sidebar-logo-main{height:45px;width:auto;max-width:180px;border-radius:6px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 2px 4px #0000001a}.sidebar-logo-fallback-main{height:45px;padding:0 16px;background:linear-gradient(135deg,var(--admin-primary),var(--admin-dark));border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;letter-spacing:1px;box-shadow:0 2px 4px #0000001a}.sidebar-logo-collapsed{display:none;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-logo-bc{width:42px;height:42px;border-radius:8px;box-shadow:0 2px 6px #00000026}.sidebar-logo-bc-custom{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,gold,#ff8c00,#0c6);box-shadow:0 2px 6px #00000026;position:relative;overflow:hidden}.bc-letter{font-weight:800;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:2}.bc-b{margin-right:-2px}.bc-c{margin-left:-2px}.sidebar-logo-bc-custom:before{content:"";position:absolute;top:-5px;left:-5px;width:15px;height:15px;background:#0c6;border-radius:50%;opacity:.8}.sidebar-logo-bc-custom:after{content:"";position:absolute;bottom:-3px;right:-3px;width:10px;height:10px;background:#f44;border-radius:50%;opacity:.8}.dashboard-sidebar.collapsed .sidebar-logo{justify-content:center;padding:20px}.dashboard-sidebar.collapsed .sidebar-logo-expanded{display:none}.dashboard-sidebar.collapsed .sidebar-logo-collapsed{display:flex}.sidebar-user{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-user-info{display:flex;align-items:center;gap:12px}.sidebar-user-avatar{width:48px;height:48px;background:var(--admin-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;transition:all .3s ease;flex-shrink:0}.sidebar-user-avatar.role-admin{background:var(--admin-primary);border:2px solid var(--admin-dark)}.sidebar-user-avatar.role-shopkeeper{background:var(--shopkeeper-primary);border:2px solid var(--shopkeeper-dark)}.sidebar-user-avatar.role-collaborator{background:var(--collaborator-primary);border:2px solid var(--collaborator-dark)}.sidebar-user-avatar.role-customer{background:var(--customer-primary);border:2px solid var(--customer-dark)}.sidebar-user-details{transition:opacity .3s ease;overflow:hidden}.sidebar-user-details h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-details p{margin:0;font-size:14px;color:var(--text-secondary)}.user-role-label{text-transform:capitalize;font-weight:500}.dashboard-sidebar.collapsed .sidebar-user{padding:20px;display:flex;justify-content:center}.dashboard-sidebar.collapsed .sidebar-user-info{justify-content:center}.dashboard-sidebar.collapsed .sidebar-user-avatar{width:44px;height:44px;font-size:16px}.dashboard-sidebar.collapsed .sidebar-user-details{opacity:0;width:0;overflow:hidden}.sidebar-nav{padding:20px 0}.sidebar-nav-item{display:flex;align-items:center;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative;gap:12px}.sidebar-nav-item:hover{background:#0000000a;color:var(--text-primary);text-decoration:none}.sidebar-nav-item.active{background:var(--admin-light);color:var(--admin-primary);font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--admin-primary)}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav-text{transition:opacity .3s ease}.dashboard-sidebar.collapsed .sidebar-nav-text{opacity:0;width:0;overflow:hidden}.dashboard-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px 20px}.dashboard-sidebar.collapsed .nav-badge{display:none}.nav-badge{background:var(--admin-primary);color:#fff;font-size:12px;padding:2px 6px;border-radius:10px;margin-left:auto}.dashboard-main{flex:1;margin-left:280px;transition:margin-left .3s ease}.dashboard-main.sidebar-collapsed{margin-left:80px}.dashboard-main.sidebar-mobile-hidden{margin-left:0}.dashboard-header{background:#fff;border-bottom:1px solid var(--border-color);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle{background:none;border:none;padding:8px;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background .2s ease}.sidebar-toggle:hover{background:#0000000a}.header-title h1{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.header-title p{margin:0;color:var(--text-secondary);font-size:14px}.header-right{display:flex;align-items:center;gap:16px}.header-btn{background:#fff;border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.header-btn:hover{background:var(--dashboard-bg);border-color:var(--admin-primary);color:var(--admin-primary);text-decoration:none}.header-btn.primary{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.header-btn.primary:hover{background:var(--admin-dark);border-color:var(--admin-dark);color:#fff}.dashboard-content{padding:24px}.dashboard-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.dashboard-card:hover{box-shadow:var(--shadow-md)}.dashboard-card-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.dashboard-card-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.dashboard-card-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.dashboard-card-body{padding:24px}.stat-card{background:#fff;border-radius:12px;padding:24px;border:1px solid var(--border-color);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--admin-light);color:var(--admin-primary)}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:0}.stat-card-label{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.stat-card-trend{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;background:#d4edda;color:#155724}.dashboard-grid{display:grid;gap:24px}.dashboard-grid.cols-1{grid-template-columns:1fr}.dashboard-grid.cols-2{grid-template-columns:repeat(2,1fr)}.dashboard-grid.cols-3{grid-template-columns:repeat(3,1fr)}.dashboard-grid.cols-4{grid-template-columns:repeat(4,1fr)}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.dashboard-table th{font-weight:600;color:var(--text-primary);font-size:14px;background:#00000005}.dashboard-table td{color:var(--text-secondary);font-size:14px}.dashboard-table tr:hover td{background:#00000005}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.inactive{background:#f8d7da;color:#721c24}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px;flex-direction:column;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.dashboard-sidebar{transform:translate(-100%);width:280px!important}.dashboard-sidebar.mobile-open{transform:translate(0);box-shadow:0 10px 30px #0000004d}.dashboard-sidebar.collapsed{width:280px!important;transform:translate(-100%)}.dashboard-main{margin-left:0!important}.dashboard-grid.cols-4{grid-template-columns:repeat(2,1fr)}.dashboard-grid.cols-3,.dashboard-grid.cols-2{grid-template-columns:1fr}.header-title h1{font-size:20px}.header-title p{display:none}.dashboard-content{padding:16px}.sidebar-toggle{display:flex!important}.sidebar-nav-item{min-height:48px;touch-action:manipulation}.dashboard-header{position:sticky;top:0;z-index:100}}@media (max-width: 480px){.dashboard-grid.cols-4{grid-template-columns:1fr}.stat-card{padding:16px}.stat-card-value{font-size:24px}}.dashboard-layout.admin{--role-primary: var(--admin-primary);--role-light: var(--admin-light);--role-dark: var(--admin-dark)}.dashboard-layout.shopkeeper{--role-primary: var(--shopkeeper-primary);--role-light: var(--shopkeeper-light);--role-dark: var(--shopkeeper-dark)}.dashboard-layout.collaborator{--role-primary: var(--collaborator-primary);--role-light: var(--collaborator-light);--role-dark: var(--collaborator-dark)}.dashboard-layout.customer{--role-primary: var(--customer-primary);--role-light: var(--customer-light);--role-dark: var(--customer-dark)}.dashboard-layout.admin .sidebar-user-avatar{background:var(--admin-primary)}.dashboard-layout.admin .sidebar-nav-item.active{background:var(--admin-light);color:var(--admin-primary)}.dashboard-layout.admin .sidebar-nav-item.active:before{background:var(--admin-primary)}.dashboard-layout.admin .nav-badge{background:var(--admin-primary)}.dashboard-layout.admin .header-btn.primary{background:var(--admin-primary);border-color:var(--admin-primary)}.dashboard-layout.admin .stat-card-icon{background:var(--admin-light);color:var(--admin-primary)}.dashboard-layout.shopkeeper .sidebar-user-avatar{background:var(--shopkeeper-primary)}.dashboard-layout.shopkeeper .sidebar-nav-item.active{background:var(--shopkeeper-light);color:var(--shopkeeper-primary)}.dashboard-layout.shopkeeper .sidebar-nav-item.active:before{background:var(--shopkeeper-primary)}.dashboard-layout.shopkeeper .nav-badge{background:var(--shopkeeper-primary)}.dashboard-layout.shopkeeper .header-btn.primary{background:var(--shopkeeper-primary);border-color:var(--shopkeeper-primary)}.dashboard-layout.shopkeeper .stat-card-icon{background:var(--shopkeeper-light);color:var(--shopkeeper-primary)}.dashboard-layout.collaborator .sidebar-user-avatar{background:var(--collaborator-primary)}.dashboard-layout.collaborator .sidebar-nav-item.active{background:var(--collaborator-light);color:var(--collaborator-primary)}.dashboard-layout.collaborator .sidebar-nav-item.active:before{background:var(--collaborator-primary)}.dashboard-layout.collaborator .nav-badge{background:var(--collaborator-primary)}.dashboard-layout.collaborator .header-btn.primary{background:var(--collaborator-primary);border-color:var(--collaborator-primary)}.dashboard-layout.collaborator .stat-card-icon{background:var(--collaborator-light);color:var(--collaborator-primary)}.dashboard-layout.customer .sidebar-user-avatar{background:var(--customer-primary)}.dashboard-layout.customer .sidebar-nav-item.active{background:var(--customer-light);color:var(--customer-primary)}.dashboard-layout.customer .sidebar-nav-item.active:before{background:var(--customer-primary)}.dashboard-layout.customer .nav-badge{background:var(--customer-primary)}.dashboard-layout.customer .header-btn.primary{background:var(--customer-primary);border-color:var(--customer-primary)}.dashboard-layout.customer .stat-card-icon{background:var(--customer-light);color:var(--customer-primary)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.container-custom{max-width:1200px;margin:0 auto;padding:0 1rem}.container-fluid-custom{width:100%;padding:0 1rem}@media (max-width: 768px){.container-custom{padding:0 .5rem}}button,[role=button],input[type=button],input[type=submit]{border:none!important;outline:none!important}button:focus,button:active,input:focus,input:active{outline:none!important;border:none!important}.min-height-screen{min-height:100vh}.position-relative{position:relative}.d-none-mobile{display:block}@media (max-width: 768px){.d-none-mobile{display:none}.d-block-mobile{display:block!important}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply border-border;}body{@apply font-sans antialiased;background-color:#f8fafc;color:#1e293b}html{scroll-behavior:smooth}}