body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;gap:12px;max-width:450px;min-width:320px;overflow:hidden;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.toast-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.toast-warning{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.toast-info{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.toast-icon{animation:toast-icon-pop .3s ease-out;flex-shrink:0;font-size:22px}@keyframes toast-icon-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-slide-in{animation:toast-slide-in .4s cubic-bezier(.68,-.55,.27,1.55)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.toast-slide-out{animation:toast-slide-out .4s ease-in forwards}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.toast-progress{background:#fff3;bottom:0;height:3px;left:0;position:absolute;right:0}.toast-progress-bar{animation:toast-progress linear forwards;background:#ffffffb3;border-radius:0 3px 3px 0;height:100%}@keyframes toast-progress{0%{width:100%}to{width:0}}.login-container{align-items:center;background:linear-gradient(135deg,#e8ecf2,#b8c6db 50%,#8ba3c7);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-card h1{align-items:center;color:#2d3748;display:flex;font-size:28px;font-weight:600;gap:8px;margin-bottom:8px}.login-card h1 span:last-child{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a627a,#2d3748);-webkit-background-clip:text}.logo-icon{font-size:32px;margin-right:8px}.subtitle{color:#5b6f88;font-size:14px;margin-bottom:32px}.input-group{margin-bottom:20px}.input-group label{color:#2d3748;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-group input{background:#fafbfc;border:2px solid #d1d9e6;border-radius:12px;font-size:16px;padding:14px 16px;transition:all .2s;width:100%}.input-group input:focus{background:#fff;border-color:#5b8cb8;box-shadow:0 0 0 3px #5b8cb81a;outline:none}.login-card button{background:linear-gradient(135deg,#4a627a,#2d4a6e);border:none;border-radius:12px;box-shadow:0 4px 12px #2d4a6e33;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.login-card button:hover:not(:disabled){background:linear-gradient(135deg,#3d5268,#1e3a5c);transform:translateY(-1px)}.login-card button:disabled{cursor:not-allowed;opacity:.6}.login-error{align-items:center;animation:shake .5s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:18px}.input-error{background:#fef2f2!important;border-color:#fecaca!important}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.btn-spinner{animation:btn-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes btn-spin{to{transform:rotate(1turn)}}.error{color:#c65f5f;font-size:14px;margin-top:16px;text-align:center}.navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:60px;padding:0 20px;position:sticky;top:0;z-index:100}.navbar-left{flex-shrink:0;margin-right:32px}.navbar-brand{align-items:center;display:flex;gap:10px;text-decoration:none}.brand-logo{height:36px;width:auto}.brand-name{color:#1a1f36;font-size:16px;font-weight:700;white-space:nowrap}.navbar-center{flex:1 1;gap:4px;justify-content:center}.nav-item,.navbar-center{align-items:center;display:flex}.nav-item{border-radius:8px;color:#64748b;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-item:hover{background:#f1f5f9;color:#334155}.nav-item.active{background:#ede9fe;color:#7c3aed}.nav-icon{font-size:16px}.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:32px}.icon-btn{background:#0000;border-radius:10px;color:#64748b;height:40px;position:relative;text-decoration:none;transition:all .15s;width:40px}.icon-btn svg{height:20px;width:20px}.icon-btn:hover{background:#f1f5f9;color:#334155}.icon-btn.has-alerts{color:#7c3aed}.badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:2px;top:2px}.profile-wrapper{position:relative}.profile-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:4px 12px 4px 4px;transition:all .15s}.profile-btn:hover{background:#f1f5f9}.avatar-sm{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.overlay{inset:0;position:fixed;z-index:99}.dropdown{animation:slideDown .15s ease;background:#fff;border-radius:14px;box-shadow:0 10px 40px #0000001f;min-width:280px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.dropdown-header button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:12px}.dropdown-body{max-height:300px;overflow-y:auto;padding:8px}.dropdown-empty{color:#94a3b8;padding:24px;text-align:center}.notif-item{border-radius:8px;display:flex;font-size:13px;gap:10px;padding:10px 12px}.notif-item:hover{background:#f8fafc}.notif-item.warning{border-left:3px solid #f59e0b}.notif-item span{flex-shrink:0}.notif-item p{font-size:13px;margin:0 0 2px}.notif-item span:last-child{color:#94a3b8;font-size:11px}.profile-dropdown{width:220px}.dropdown-user{gap:12px;padding:14px}.avatar-md,.dropdown-user{align-items:center;display:flex}.avatar-md{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:40px;justify-content:center;width:40px}.dropdown-name{font-size:14px;font-weight:600}.dropdown-role{color:#94a3b8;font-size:12px}.dropdown-divider{background:#f1f5f9;height:1px}.profile-dropdown button{background:none;border:none;cursor:pointer;font-size:13px;padding:10px 14px;text-align:left;width:100%}.profile-dropdown button:hover{background:#f8fafc}.logout-btn{color:#ef4444!important}.logout-btn:hover{background:#fef2f2!important}.notification-wrapper{position:relative}@media (max-width:1024px){.brand-name,.nav-label{display:none}.profile-name .navbar-center{gap:0}.nav-item{padding:8px 10px}}.refresh-btn{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 2px 8px #0000000a;color:#5b6784;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.refresh-btn:hover{background:#6366f1;color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-icon{display:inline-block}.refresh-icon.spinning{animation:spin 1s linear infinite}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:20px}.spinner{animation:spin 1s linear infinite;border:3px solid #e8ecf2;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.loading-spinner-small .spinner{border-width:2px;height:24px;width:24px}.loading-spinner-large .spinner{height:60px;width:60px}.hero-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.hero-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000a;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.hero-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.hero-card.primary:before{background:linear-gradient(90deg,#10b981,#34d399)}.hero-card.forecast:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.hero-card.compare:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hero-card.stats:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.hero-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.hero-card-header{justify-content:space-between;margin-bottom:16px}.hero-card-header,.hero-icon{align-items:center;display:flex}.hero-icon{background:#f8fafc;border-radius:14px;font-size:28px;height:44px;justify-content:center;width:44px}.hero-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.hero-card.primary .hero-badge{background:#d1fae5;color:#065f46}.hero-card.forecast .hero-badge{background:#ede9fe;color:#5b21b6}.hero-card.compare .hero-badge{background:#fef3c7;color:#92400e}.hero-card.stats .hero-badge{background:#dbeafe;color:#1e40af}.hero-badge.pulse{animation:badge-pulse 2s infinite}.hero-badge.ai{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.hero-amount{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.hero-amount.gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-details{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.hero-detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.detail-value{color:#334155;font-size:13px}.detail-value.accent{color:#6366f1;font-weight:700}.hero-change{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:8px}.change-label{color:#94a3b8;font-size:11px}.change-value{font-size:12px;font-weight:600}.change-value.positive{color:#10b981}.change-value.negative{color:#ef4444}.change-value.neutral{color:#f59e0b}.animate-slide-up{animation:slideUp .5s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (max-width:1200px){.hero-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-grid{gap:12px;grid-template-columns:1fr}.hero-amount{font-size:26px}.hero-card{padding:16px}}.loading-text{color:#94a3b8;font-size:18px;font-weight:500}.nf-card{background:#fff;border:1px solid #f3f0ff;border-radius:14px;box-shadow:0 2px 12px #8b5cf614;margin-bottom:20px;padding:22px}.nf-error,.nf-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px}.nf-spinner{animation:nf-spin .8s linear infinite;border:3px solid #ede9fe;border-radius:50%;border-top-color:#8b5cf6;height:40px;width:40px}@keyframes nf-spin{to{transform:rotate(1turn)}}.nf-error button{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 18px}.nf-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.nf-header h3{color:#1f2937;font-size:18px;margin:0}.nf-tabs{background:#f5f3ff;border-radius:10px;display:flex;gap:4px;padding:3px}.nf-tabs button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.nf-tabs button.active{background:#8b5cf6;color:#fff}.nf-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.nf-stat{background:#faf9ff;border-left:3px solid #8b5cf6;border-radius:10px;display:flex;flex-direction:column;padding:8px 14px}.nf-stat span{color:#6b7280;font-size:11px;margin-bottom:2px}.nf-stat strong{color:#1f2937;font-size:16px}.nf-chart{margin-bottom:18px}.nf-list{display:flex;flex-direction:column;gap:6px}.nf-day{align-items:center;background:#faf9ff;border-radius:8px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.nf-dot{background:#c4b5fd;border-radius:50%;height:8px;width:8px}.nf-dot.today{background:#8b5cf6;box-shadow:0 0 6px #8b5cf680}.nf-date{font-weight:500;min-width:100px}.nf-range{color:#9ca3af;font-size:11px;margin-left:auto}.nf-analysis{display:flex;flex-direction:column;gap:16px}.nf-analysis-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.nf-analysis-card{background:#faf9ff;border-radius:10px;padding:14px}.nf-analysis-card h4{color:#6b7280;font-size:13px;margin:0 0 4px}.nf-big{color:#1f2937;font-size:24px;font-weight:700;margin:4px 0}.nf-analysis-card p{color:#6b7280;font-size:13px;margin:2px 0}.nf-weekdays{display:flex;flex-direction:column;gap:6px}.nf-wd{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.nf-wd.best{background:#f0fdf4;border:1px solid #bbf7d0}.nf-wd.worst{background:#fef2f2;border:1px solid #fecaca}.nf-wd span{font-weight:500;min-width:30px}.nf-wd strong{min-width:100px}.nf-bar{background:#f3f4f6;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.nf-bar-fill{background:linear-gradient(90deg,#c4b5fd,#8b5cf6);border-radius:3px;height:100%;transition:width .3s}@media (max-width:640px){.nf-header{align-items:flex-start;flex-direction:column}.nf-analysis-grid{grid-template-columns:1fr}.nf-day{flex-wrap:wrap}.nf-range{margin-left:0;width:100%}}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.top-dishes-panel{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:20px}.top-dishes-panel h2{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.today-badge{background:#e6f0ff;color:#3b82f6;margin-left:8px}.dish-amount{color:#8a95aa;font-size:11px}.waiters-panel{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:20px}.waiters-panel h2{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.waiter-list{list-style:none}.waiter-item{align-items:center;border-bottom:1px solid #f0f3f8;display:flex;padding:10px 0}.waiter-item:last-child{border-bottom:none}.waiter-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;margin-right:12px;width:36px}.waiter-info{flex:1 1}.waiter-name{font-size:13px;font-weight:500;margin-bottom:2px}.waiter-orders{color:#8a95aa;font-size:11px}.waiter-stats{text-align:right}.waiter-revenue{font-size:13px;font-weight:600}.waiter-avg{color:#8a95aa;font-size:11px}.revenue-chart-container{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;padding:20px}.revenue-chart-container h2{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.revenue-chart-wrapper{height:350px;width:100%}@media (max-width:768px){.revenue-chart-wrapper{height:250px}}.daily-table-container{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;overflow-x:auto;padding:20px}.daily-table-container h2{font-size:16px;font-weight:600;margin-bottom:16px}table{min-width:500px}.today-row{background:#f8fafc}.payroll-widget{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #6366f11a;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:20px;transition:all .3s ease}.payroll-widget:hover{border-color:#6366f14d;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.payroll-header{gap:12px;margin-bottom:16px}.payroll-header,.payroll-icon{align-items:center;display:flex}.payroll-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 12px #6366f14d;font-size:32px;font-size:24px;height:50px;justify-content:center;width:50px}.payroll-info{flex:1 1}.payroll-title{color:#6b7a90;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payroll-period{color:#8a95aa;font-size:13px;margin-top:2px}.payroll-main{border-bottom:1px solid #e8ecf2;margin-bottom:16px;padding:16px 0;text-align:center}.payroll-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1f36,#4a5568);-webkit-background-clip:text;color:#1a1f36;font-size:32px;font-weight:800;margin-bottom:8px}.payroll-change{border-radius:20px;display:inline-block;font-size:13px;font-weight:500;padding:4px 12px}.payroll-change.positive{background:#e0f9ea;color:#0ca65c}.payroll-change.negative{background:#fee2e2;color:#d93c3c}.payroll-change.neutral{background:#f0f3f8;color:#6b7a90}.payroll-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.payroll-detail-item{align-items:center;border-bottom:1px solid #f0f3f8;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.detail-label{color:#8a95aa}.detail-value{color:#1a1f36;font-weight:600}.detail-value.bonus{color:#10b981}.detail-value.fines{color:#ef4444}.payroll-footer{align-items:center;border-top:1px solid #e8ecf2;color:#8a95aa;display:flex;font-size:11px;gap:8px;padding-top:12px}.info-icon{font-size:14px}.payroll-skeleton{padding:16px 0}.skeleton-line{height:20px}.payroll-empty{padding:24px 16px;text-align:center}.empty-icon{opacity:.5}.empty-text{color:#1a1f36;font-size:14px;font-weight:500;margin-bottom:6px}.empty-hint{color:#8a95aa;font-size:12px}@media (max-width:768px){.payroll-widget{padding:16px}.payroll-amount{font-size:24px}.payroll-details{gap:8px;grid-template-columns:1fr}}.ai-forecast-widget{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;padding:20px;transition:all .3s ease}.ai-forecast-widget:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.ai-header{border-bottom:1px solid #e8ecf2;gap:12px;margin-bottom:20px;padding-bottom:12px}.ai-header,.ai-icon{align-items:center;display:flex}.ai-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 4px 10px #6366f133;font-size:28px;height:44px;justify-content:center;width:44px}.ai-header h3{color:#1a1f36;font-size:16px;font-weight:600;margin:0}.ai-subtitle{color:#8a95aa;font-size:12px}.ai-tabs{border-bottom:1px solid #e8ecf2;display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.ai-tab{background:none;border:none;border-radius:30px;color:#5b6784;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.ai-tab:hover{background:#f0f3f8;color:#1a1f36}.ai-tab.active{background:#6366f1;color:#fff}.ai-stats{background:#f8fafc;border-radius:16px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.ai-stat{flex:1 1;text-align:center}.ai-stat .stat-label{color:#8a95aa;display:block;font-size:11px;margin-bottom:6px;text-transform:uppercase}.ai-stat .stat-value{color:#1a1f36;font-size:20px;font-weight:700}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.confidence-high{color:#10b981}.confidence-medium{color:#f59e0b}.confidence-low{color:#ef4444}.ai-forecast-list{margin-bottom:20px}.forecast-header{border-bottom:1px solid #e8ecf2;color:#8a95aa;font-size:11px;font-weight:600;padding:12px 0;text-transform:uppercase}.forecast-header,.forecast-item{display:grid;grid-template-columns:2fr 1fr 1fr}.forecast-item{align-items:center;border-bottom:1px solid #f0f3f8;padding:14px 0;transition:background .2s}.forecast-item:hover{background:#fafbfc}.forecast-date{display:flex;flex-direction:column}.day-name{font-size:14px}.date{color:#8a95aa;font-size:11px}.forecast-amount{color:#10b981;font-size:14px;font-weight:600}.forecast-confidence{font-weight:500}.ai-total{align-items:center;background:linear-gradient(135deg,#e8ecf2,#f0f3f8);border-radius:16px;display:flex;font-size:13px;justify-content:space-between;margin-top:8px;padding:16px}.ai-total span{color:#5b6784}.ai-total strong{color:#1a1f36;font-size:20px}.avg{color:#8a95aa;font-size:12px}.ai-monthly-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.monthly-stat-card{align-items:center;background:#f8fafc;border-radius:16px;display:flex;gap:14px;padding:16px;transition:all .2s}.monthly-stat-card:hover{background:#f0f3f8}.monthly-stat-card .stat-icon{font-size:28px}.stat-info{flex:1 1}.stat-info .stat-label{color:#8a95aa;display:block;font-size:11px;margin-bottom:4px}.stat-value-large{color:#10b981;font-size:24px;font-weight:700}.stat-value{font-size:20px}.ai-weekly-forecast{background:#f8fafc;border-radius:16px;margin-top:16px;padding:16px}.forecast-subtitle{color:#1a1f36;font-size:13px;font-weight:600;margin-bottom:14px}.weekly-item{align-items:center;border-bottom:1px solid #e8ecf2;display:flex;justify-content:space-between;padding:12px 0}.weekly-item:last-child{border-bottom:none}.week-label{color:#1a1f36;font-weight:500}.week-amount{color:#10b981;font-weight:600}.week-avg{color:#8a95aa;font-size:11px}.ai-recommendations,.rec-summary{margin-bottom:20px}.rec-summary{background:#f8fafc;border-radius:16px;display:flex;gap:16px;padding:16px}.summary-item{flex:1 1;text-align:center}.summary-item span{color:#8a95aa;display:block;font-size:11px;margin-bottom:6px}.summary-item strong{color:#1a1f36;font-size:20px;font-weight:700}.rec-list{margin-bottom:16px;max-height:350px;overflow-y:auto}.rec-header{border-bottom:1px solid #e8ecf2;color:#8a95aa;font-size:11px;font-weight:600;padding:12px 0;text-transform:uppercase}.rec-header,.rec-item{display:grid;grid-template-columns:2fr 1fr 1.5fr}.rec-item{align-items:center;border-bottom:1px solid #f0f3f8;padding:14px 0;transition:background .2s}.rec-item:hover{background:#fafbfc}.rec-name{color:#1a1f36;font-weight:500}.rec-current{color:#5b6784;font-size:13px}.rec-recommended{text-align:right}.rec-daily{color:#10b981;font-size:14px;font-weight:600}.rec-weekly{color:#8a95aa;font-size:11px}.rec-item.priority-high{border-left:3px solid #ef4444;padding-left:12px}.rec-item.priority-medium{border-left:3px solid #f59e0b;padding-left:12px}.rec-item.priority-low{border-left:3px solid #10b981;padding-left:12px}.rec-note{background:#e6f0ff;border-radius:12px;color:#3b82f6;gap:8px;padding:12px 16px}.ai-footer,.rec-note{align-items:center;display:flex;font-size:11px}.ai-footer{border-top:1px solid #e8ecf2;color:#8a95aa;justify-content:space-between;margin-top:16px;padding-top:16px}.ai-refresh-btn{background:#f0f3f8;border:none;border-radius:20px;color:#5b6784;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.ai-refresh-btn:hover{background:#e8ecf2;color:#1a1f36}.ai-loading{align-items:center;color:#8a95aa;display:flex;flex-direction:column;gap:16px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e8ecf2;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.ai-error{color:#8a95aa;padding:40px;text-align:center}.error-icon{font-size:48px;opacity:.5}.ai-retry-btn{background:#6366f1;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:13px;margin-top:16px;padding:8px 20px;transition:all .2s}.ai-retry-btn:hover{background:#5558e3}.annual-forecast-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px}.annual-forecast-card.error,.annual-forecast-card.loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px}.annual-forecast-card.loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-icon{font-size:32px}.annual-forecast-card.error button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.annual-forecast-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left h3{color:#1f2937;font-size:18px;margin:0 0 4px}.header-left .subtitle{color:#6b7280;font-size:13px;margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:16px}.stat-item{background:#f9fafb;border-left:3px solid #6366f1;border-radius:10px;display:flex;flex-direction:column;padding:8px 16px}.stat-label{color:#6b7280;margin-bottom:2px}.stat-value{color:#1f2937;font-size:16px}.chart-container{margin-bottom:24px}.custom-tooltip{background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001f;padding:12px 16px}.tooltip-period{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 6px}.tooltip-value{color:#4b5563;font-size:13px;margin:0 0 2px}.tooltip-range{color:#9ca3af;font-size:12px;margin:0 0 2px}.tooltip-confidence{color:#6366f1;font-size:11px;margin:0}.forecast-table-container h4{color:#1f2937;font-size:15px;margin:0 0 12px}.forecast-table{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.table-header,.table-row{align-items:center;display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1.5fr;padding:10px 16px}.table-header{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.table-row{border-top:1px solid #f3f4f6;color:#374151;font-size:13px;transition:background .15s}.table-row:hover{background:#fafbff}.period-cell{align-items:center;display:flex;font-weight:600;gap:6px}.month-icon{font-size:16px}.revenue-cell{color:#1f2937;font-weight:700}.bound-cell{color:#9ca3af;font-size:12px}.confidence-cell{align-items:center;color:#6366f1;display:flex;font-size:12px;gap:8px}.confidence-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:60px}.confidence-fill{background:linear-gradient(90deg,#c7d2fe,#6366f1);border-radius:3px;height:100%;transition:width .3s}.forecast-footer{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:14px}.forecast-footer p{color:#9ca3af;font-size:12px;line-height:1.5;margin:0}@media (max-width:768px){.annual-forecast-header{flex-direction:column}.table-header,.table-row{font-size:11px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:8px 10px}}.table-row.current-month{background:#f0fdf4;border-left:3px solid #10b981}.current-badge{background:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;margin-left:6px;padding:1px 6px}.progress-text{color:#10b981;display:block;font-size:11px;font-weight:500;margin-top:2px}.tooltip-progress{color:#10b981;font-size:12px;margin:2px 0}.forecast-widget{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;padding:20px;transition:all .3s ease}.forecast-widget:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.forecast-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.forecast-title{gap:10px}.forecast-icon,.forecast-title{align-items:center;display:flex}.forecast-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;font-size:24px;height:40px;justify-content:center;width:40px}.forecast-label{color:#1a1f36;font-size:16px;font-weight:600}.forecast-badge{display:flex;gap:8px}.confidence-badge{background:#e0f9ea;color:#0ca65c}.confidence-badge,.data-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.data-badge{background:#f0f3f8;color:#5b6784}.forecast-main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.forecast-card{background:#f8fafc;border-radius:20px;padding:20px;text-align:center;transition:all .3s ease}.forecast-card.today{background:linear-gradient(135deg,#f8fafc,#f0f3f8)}.forecast-card.tomorrow{background:linear-gradient(135deg,#f8fafc,#e8ecf2)}.forecast-card:hover{transform:translateY(-2px)}.forecast-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.day-name{color:#1a1f36;font-size:16px;font-weight:600}.date-badge{border-radius:20px;color:#8a95aa;display:flex;font-size:12px;gap:8px;padding:4px 12px}.weekday{color:#6366f1;font-weight:500}.forecast-amount-large{color:#10b981;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:12px}.forecast-confidence{color:#8a95aa;font-size:12px}.forecast-change{align-items:center;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:8px}.forecast-change .positive{color:#10b981}.forecast-change .negative{color:#ef4444}.forecast-change .neutral{color:#f59e0b}.forecast-days{background:#f8fafc;border-radius:16px;margin-bottom:20px;padding:16px}.forecast-days-title{border-bottom:1px solid #e8ecf2;color:#1a1f36;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.forecast-days-list{display:flex;flex-direction:column;gap:6px}.forecast-day-item{align-items:center;background:#fff;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s}.forecast-day-item:hover{background:#f0f3ff;transform:translateX(4px)}.forecast-day-item.today{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border:1px solid #c4b5fd}.day-label{align-items:center;display:flex;gap:10px;min-width:80px}.day-name-small{color:#1a1f36;font-size:14px;font-weight:700;width:28px}.forecast-day-item.today .day-name-small{color:#7c3aed}.day-date{color:#8a95aa;font-size:12px}.day-amount{color:#1a1f36;flex:1 1;font-size:15px;font-weight:600;text-align:center}.forecast-day-item.today .day-amount{color:#7c3aed;font-weight:700}.day-confidence{background:#f0f3f8;border-radius:10px;color:#8a95aa;font-size:11px;min-width:35px;padding:2px 8px;text-align:right}.forecast-day-item.today .day-confidence{background:#ede9fe;color:#7c3aed}.forecast-footer{align-items:center;border-top:1px solid #e8ecf2;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:16px}.forecast-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.forecast-stat .stat-value{color:#1a1f36;font-size:18px;font-weight:700}.forecast-stat .stat-label{color:#8a95aa;font-size:11px}.details-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 20px;transition:all .2s}.details-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:scale(1.02)}.forecast-skeleton{padding:20px}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f3f8,#e8ecf2,#f0f3f8);background-size:200% 100%;border-radius:8px;height:16px;margin-bottom:12px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.forecast-error{align-items:center;background:#fef3c7;border-radius:16px;color:#f59e0b;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .5s ease forwards}@media (max-width:768px){.forecast-main{gap:12px;grid-template-columns:1fr}.forecast-header{align-items:flex-start;flex-direction:column}.forecast-footer{align-items:stretch;flex-direction:column}.details-btn{width:100%}.forecast-amount-large{font-size:26px}.forecast-day-item{flex-wrap:wrap;gap:8px}.day-label{min-width:auto}}.forecast-trend-widget{background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000a;margin-bottom:20px;padding:24px}.trend-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.trend-header h3{font-size:18px;font-weight:600;margin:0}.trend-subtitle{color:#94a3b8;font-size:13px}.trend-date-selector{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.date-btn{background:#f8fafc;border:2px solid #e8ecf2;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.date-btn:hover{background:#f0f3ff;border-color:#c4b5fd}.date-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.trend-chart h4{color:#334155;font-size:15px;font-weight:500;margin:0 0 16px}.trend-stats{border-top:1px solid #f1f5f9;display:flex;gap:24px;margin-top:16px;padding-top:16px}.trend-stat{display:flex;flex-direction:column;gap:4px}.trend-stat span{color:#94a3b8;font-size:12px}.trend-stat strong{color:#1a1f36;font-size:18px}.trend-stat .positive{color:#10b981}.trend-stat .negative{color:#ef4444}.trend-no-data{color:#94a3b8;padding:40px;text-align:center}.trend-no-data span{display:block;font-size:32px;margin-bottom:8px}.trend-loading{color:#94a3b8;padding:40px;text-align:center}.dashboard-container{margin:0 auto;max-width:1400px;padding:16px}.dashboard-header{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-bottom:16px}.dashboard-payroll-row{margin-bottom:20px}.update-time{color:#8a95aa;margin-left:8px}.dashboard-two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.dashboard-container{padding:12px}.dashboard-two-columns{grid-template-columns:1fr}}.writeoffs-container{margin:0 auto;max-width:1400px;padding:16px}.writeoffs-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.period-selector{display:flex;flex-wrap:wrap;gap:8px}.period-btn{background:#fff;border:none;border-radius:30px;box-shadow:0 2px 8px #0000000a;color:#5b6784;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.period-btn:hover{background:#e8ecf2}.period-btn.active{background:#6366f1;color:#fff}.custom-period{align-items:center;background:#fff;border-radius:30px;box-shadow:0 2px 8px #0000000a;display:flex;gap:8px;padding:4px 12px}.custom-period input{background:#f5f7fa;outline:none;padding:6px 8px}.custom-period button,.custom-period input{border:none;border-radius:20px;font-size:13px}.custom-period button{background:#6366f1;color:#fff;cursor:pointer;font-weight:500;padding:6px 14px}.writeoffs-actions{align-items:center;display:flex;gap:10px}.filter-panel{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:16px}.filter-header{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.filter-header,.filter-title{align-items:center;display:flex}.filter-title{color:#1a1f36;font-size:15px;font-weight:600;gap:8px}.filter-indicator{background:#ede9fe;border-radius:20px;color:#7c3aed;font-size:11px;font-weight:500;padding:3px 10px}.filter-actions{display:flex;gap:8px}.filter-btn{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.filter-btn.select-all{background:#e6f0ff;color:#3b82f6}.filter-btn.clear-all{background:#f0f3f8;color:#6b7a90}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{align-items:center;background:#f5f7fa;border-radius:30px;color:#5b6784;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.filter-tag:hover{background:#e8ecf2}.filter-tag.selected{background:#6366f1;color:#fff}.filter-tag .count{font-size:10px;opacity:.7}.writeoffs-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-icon{background:#fde8e8;color:#c2410c}.filtered-note{color:#7c3aed;margin-left:6px}.writeoffs-two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.writeoff-list{list-style:none;max-height:350px;overflow-y:auto}.writeoff-item{align-items:center;border-bottom:1px solid #f0f3f8;display:flex;padding:10px 0}.writeoff-item:last-child{border-bottom:none}.writeoff-info{flex:1 1}.writeoff-name{font-size:13px;font-weight:500;margin-bottom:2px}.writeoff-amount{color:#8a95aa;font-size:11px}.writeoff-stats{text-align:right}.writeoff-sum{font-size:13px;font-weight:600}.dish-rank{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;margin-right:10px;width:24px}.dish-rank.gold{background:#fef3c7;color:#d97706}.dish-rank.silver{background:#e8ecf2;color:#5b6784}.dish-rank.bronze{background:#fde8e8;color:#c2410c}.dish-rank.normal{background:#f0f3f8;color:#6b7a90}.table-container{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;overflow-x:auto;padding:20px}.table-header{justify-content:space-between;margin-bottom:16px}.table-header,.table-header h2{align-items:center;display:flex}.table-header h2{font-size:16px;font-weight:600;gap:8px}table{min-width:700px}.product-name{color:#1a1f36;font-weight:500}.product-category{color:#8a95aa;font-size:11px;margin-top:2px}.account-badge{background:#f0f3f8;border-radius:20px;color:#5b6784;display:inline-block;font-size:11px;padding:4px 8px}.error-message{background:#fff;border-radius:20px;color:#d93c3c;padding:40px;text-align:center}@media (max-width:1024px){.writeoffs-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.writeoffs-container{padding:12px}.writeoffs-header{align-items:stretch;flex-direction:column}.custom-period,.period-selector{justify-content:center}.writeoffs-actions{justify-content:space-between}.writeoffs-stats,.writeoffs-two-columns{grid-template-columns:1fr}.filter-header{align-items:flex-start;flex-direction:column}}.kitchen-container{margin:0 auto;max-width:1400px;padding:16px}.kitchen-header{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.kitchen-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.search-container{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;padding:20px}.search-container h2{font-size:16px;font-weight:600;margin-bottom:14px}.search-input-wrapper{display:flex;gap:10px}.search-input{border:2px solid #e8ecf2;border-radius:12px;font-size:14px;padding:12px 16px}.search-input:focus{border-color:#6366f1;outline:none}.search-btn{border-radius:12px;font-weight:600;padding:12px 20px}.search-btn:disabled{cursor:not-allowed}.search-results{margin-top:20px}.search-results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.search-results-header h3{font-size:15px;font-weight:600}.clear-search-btn{background:none;border:none;color:#8a95aa;cursor:pointer;font-size:13px}.search-result-item{background:#f8fafc;border-left:4px solid #6366f1;border-radius:16px;margin-bottom:12px;padding:16px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.result-name{font-size:14px;font-weight:600}.result-type{border-radius:20px;font-size:12px;padding:4px 10px}.result-type.type-kitchen{background:#e0f9ea;color:#0ca65c}.result-type.type-bar{background:#fef3c7;color:#d97706}.result-type.type-other{background:#f0f3f8;color:#6b7a90}.result-group{color:#8a95aa;font-size:12px;margin-bottom:12px}.result-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.stat-label-small{color:#8a95aa;font-size:11px}.stat-value-small{font-size:13px;font-weight:600}.stat-value-small.positive{color:#0ca65c}.stat-value-small.warning{color:#d97706}.stat-value-small.negative{color:#d93c3c}.kitchen-two-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.badge-kitchen{background:#e0f9ea;color:#0ca65c}.badge-bar{background:#fef3c7;color:#d97706}.dish-list{list-style:none}.dish-item{align-items:center;border-bottom:1px solid #f0f3f8;display:flex;padding:10px 0}.dish-item:last-child{border-bottom:none}.dish-info{flex:1 1}.dish-name{font-size:13px;font-weight:500;margin-bottom:2px}.dish-group{color:#8a95aa;font-size:11px}.dish-stats{text-align:right}.dish-sum{font-size:13px;font-weight:600}.dish-sum.high{color:#d93c3c}.dish-sum.warning{color:#d97706}.dish-sum.normal{color:#0ca65c}.bcg-section{margin-bottom:20px}.bcg-section h2{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:10px;margin-bottom:14px}.bcg-info{color:#8a95aa;font-size:13px;font-weight:400}.bcg-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.bcg-card{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:16px}.bcg-card h3{font-size:14px;font-weight:600;margin-bottom:12px}.bcg-card.stars{border-top:4px solid #fbbf24}.bcg-card.stars h3{color:#d97706}.bcg-card.cows{border-top:4px solid #10b981}.bcg-card.cows h3{color:#0ca65c}.bcg-card.children{border-top:4px solid #3b82f6}.bcg-card.children h3{color:#2563eb}.bcg-card.dogs{border-top:4px solid #ef4444}.bcg-card.dogs h3{color:#dc2626}.bcg-list{list-style:none;max-height:300px;overflow-y:auto}.bcg-item{align-items:center;border-bottom:1px solid #f0f3f8;display:flex;font-size:12px;justify-content:space-between;padding:8px 0}.bcg-item:last-child{border-bottom:none}.bcg-item.empty{color:#8a95aa;justify-content:center;padding:20px}.bcg-name{font-weight:500;margin-bottom:2px}.bcg-meta{color:#8a95aa;font-size:10px}.bcg-amount{font-size:12px;font-weight:600;white-space:nowrap}@media (max-width:1200px){.bcg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.kitchen-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kitchen-container{padding:12px}.kitchen-header{justify-content:stretch}.bcg-grid,.kitchen-stats,.kitchen-two-columns{grid-template-columns:1fr}.search-input-wrapper{flex-direction:column}.result-stats{grid-template-columns:repeat(2,1fr)}}.employees-container-custom{margin:0 auto;max-width:1600px;padding:16px}.upload-panel-custom{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;padding:20px}.upload-area-custom{background:#fafbfc;border:2px dashed #cbd5e0;border-radius:16px;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.upload-area-custom:hover{background:#f5f7fa;border-color:#6366f1;transform:translateY(-2px)}.upload-area-custom.dragover{background:#e0f9ea;border-color:#10b981}.upload-icon-custom{font-size:48px;margin-bottom:12px}.upload-text-custom{color:#1a1f36;font-size:15px;font-weight:600;margin-bottom:6px}.upload-hint-custom{color:#8a95aa;font-size:12px}.file-info-custom{align-items:center;background:linear-gradient(135deg,#e6f0ff,#ede9fe);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:12px 16px}.file-name-custom{color:#3b82f6;font-size:14px;font-weight:600}.file-status-custom{color:#10b981;font-size:12px;margin-left:10px}.file-actions-custom{display:flex;gap:10px}.btn-clear-db{background:#ef4444;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s}.btn-clear-db:hover{background:#dc2626;transform:scale(1.02)}.btn-remove-file{background:#8a95aa;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s}.btn-remove-file:hover{background:#6b7a90}.db-info-custom{align-items:center;background:#e0f9ea;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:10px 16px}.db-icon{font-size:20px}.loading-custom{background:#fef3c7;border-radius:12px;color:#d97706;font-weight:500;margin-top:16px;padding:12px;text-align:center}.filters-panel-custom{align-items:flex-end;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px}.filter-group-custom{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:180px}.filter-group-custom label{color:#1a1f36;font-size:12px;font-weight:600}.filter-input,.filter-select{background:#fff;border:2px solid #e8ecf2;border-radius:12px;font-size:14px;padding:10px 14px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.stats-grid-custom{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card-custom{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;padding:20px;transition:all .3s ease}.stat-card-custom:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.stat-header-custom{align-items:center;display:flex;gap:12px;margin-bottom:16px}.stat-icon-custom{align-items:center;border-radius:14px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.stat-icon-custom.purple{background:#ede9fe;color:#7c3aed}.stat-icon-custom.green{background:#e0f9ea;color:#10b981}.stat-icon-custom.blue{background:#e6f0ff;color:#3b82f6}.stat-icon-custom.orange{background:#fef3c7;color:#f59e0b}.stat-title-custom{color:#6b7a90;font-size:13px;font-weight:500}.stat-value-custom{color:#1a1f36;font-size:28px;font-weight:700}.stat-label-custom{color:#8a95aa;font-size:12px;margin-top:8px}.table-container-custom{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;overflow-x:auto;padding:20px}.table-header-custom{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.table-header-custom h2{font-size:18px;font-weight:600}.record-count-custom{background:#f0f3f8;border-radius:20px;color:#8a95aa;font-size:13px;padding:4px 12px}.table-wrapper-custom{overflow-x:auto}.data-table{border-collapse:collapse;min-width:1000px;width:100%}.data-table th{border-bottom:2px solid #e8ecf2;color:#6b7a90;font-size:12px;font-weight:600;padding:14px 12px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f0f3f8;font-size:13px;padding:14px 12px}.data-table tbody tr:hover{background:#f8fafc}.employee-name-custom{color:#1a1f36;font-weight:600}.employee-month-custom{color:#8a95aa;font-size:11px;margin-top:2px}.position-badge-custom{background:linear-gradient(135deg,#f0f3f8,#e8ecf2);border-radius:20px;color:#5b6784;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.salary-amount-custom{color:#10b981;font-weight:700}.bonus-cell-custom{color:#10b981;font-weight:500}.fines-cell-custom{color:#ef4444;font-weight:500}.empty-state-custom{padding:60px 20px;text-align:center}.empty-icon-custom{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text-custom{color:#1a1f36;font-size:16px;font-weight:500;margin-bottom:8px}.empty-hint-custom{color:#8a95aa;font-size:13px}.empty-cell-custom{color:#8a95aa;padding:40px;text-align:center}@media (max-width:1024px){.stats-grid-custom{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.employees-container-custom{padding:12px}.stats-grid-custom{grid-template-columns:1fr}.filters-panel-custom{flex-direction:column}.filter-group-custom{width:100%}.stat-value-custom{font-size:22px}.file-actions-custom{justify-content:flex-start;width:100%}}.cash-container{margin:0 auto;max-width:1400px;padding:16px}.cash-header{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.date-badge{background:#fff;border-radius:30px;box-shadow:0 2px 8px #0000000a;color:#5b6784;font-size:13px;padding:8px 14px}.cash-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{box-shadow:0 4px 16px #0000000a}.stat-header{gap:10px;margin-bottom:16px}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:20px;height:40px;justify-content:center;width:40px}.stat-icon.purple{background:#ede9fe;color:#7c3aed}.stat-icon.green{background:#e0f9ea;color:#0ca65c}.stat-icon.blue{background:#e6f0ff;color:#3b82f6}.stat-icon.orange{background:#fef3c7;color:#d97706}.stat-title{color:#5b6784;font-size:13px;font-weight:500}.stat-value{color:#0a0c14;font-size:24px;font-weight:700}.stat-label{color:#6b7a90;font-size:12px;margin-top:6px}.panel{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;padding:20px}.panel h2{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.badge{border-radius:30px;font-size:12px;font-weight:500;padding:4px 10px}.badge-open{background:#e8f9ed;color:#0e8140}table{min-width:900px}th{font-size:12px}td,th{padding:12px 10px}td{font-size:13px}.open-row{background:#f8fafc}@media (max-width:1024px){.cash-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cash-container{padding:12px}.cash-header{justify-content:stretch}.cash-stats{grid-template-columns:1fr}.stat-value{font-size:20px}}.kpi-container{margin:0 auto;max-width:1400px;padding:16px}.kpi-action-panel{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.month-selector{align-items:center;display:flex;gap:8px}.month-selector label{color:#8a95aa;font-size:13px}.month-selector select{background:#fff;border:2px solid #e8ecf2;border-radius:12px;font-size:14px;padding:10px 16px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#5558e3}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-secondary{background:#f0f3f8;color:#5b6784}.btn-secondary:hover{background:#e8ecf2}.db-status{align-items:center;display:flex;gap:8px;margin-left:auto}.status-dot{background:#10b981;border-radius:4px;height:8px;width:8px}.status-dot.local{background:#f59e0b}.kpi-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tab{background:#fff;border-radius:30px;box-shadow:0 2px 8px #0000000a;color:#5b6784;padding:12px 24px}.tab:hover{background:#e8ecf2}.kpi-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.kpi-section-header h2{font-size:18px;font-weight:600}.kpi-table-container{background:#fff;border-radius:24px;box-shadow:0 4px 16px #0000000a;overflow-x:auto;padding:24px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;min-width:800px;width:100%}th{border-bottom:1px solid #e8ecf2;color:#6b7a90;font-size:13px;font-weight:600;padding:16px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f0f3f8;font-size:14px;padding:14px 12px}.employee-name-cell{align-items:center;display:flex;gap:10px}.employee-avatar-small{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.editable{border-bottom:1px dashed #cbd5e0;cursor:pointer}.editable:hover{background:#fef3c7}.revenue-cell{color:#10b981;font-weight:600}.bonus-cell{color:#10b981;font-weight:700}.kpi-score{border-radius:20px;display:inline-block;font-size:16px;font-weight:700;padding:4px 10px}.kpi-score.excellent{background:#d1fae5;color:#065f46}.kpi-score.good{background:#dbeafe;color:#1e40af}.kpi-score.average{background:#fef3c7;color:#92400e}.kpi-score.poor{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn.edit{background:#e6f0ff;color:#3b82f6}.icon-btn.edit:hover{background:#3b82f6;color:#fff}.icon-btn.delete{background:#fee2e2;color:#dc2626}.icon-btn.delete:hover{background:#dc2626;color:#fff}.empty-cell{color:#8a95aa;padding:40px;text-align:center}.modal-content{border-radius:24px;max-height:85vh;max-width:500px;padding:28px}.modal-header{margin-bottom:24px}.modal-header h2{font-size:18px}.close-btn{background:none;border:none;color:#8a95aa;cursor:pointer;font-size:24px}.form-group label{font-size:14px}.form-group input{border:2px solid #e8ecf2;border-radius:12px;padding:12px}.notification{animation:slideIn .3s ease;border-radius:12px;bottom:20px;box-shadow:0 4px 12px #00000026;font-weight:500;padding:12px 20px;position:fixed;right:20px;z-index:10000}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.notification.info{background:#3b82f6;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.kpi-container{padding:12px}.kpi-action-panel{align-items:stretch;flex-direction:column}.month-selector{justify-content:space-between}.db-status{justify-content:center;margin-left:0}.tab{font-size:13px;padding:10px 16px}}.messages-container{margin:0 auto;max-width:1400px;padding:16px}.messages-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a;display:flex;height:calc(100vh - 100px);min-height:500px;overflow:hidden}.chats-sidebar{background:#fafbfc;border-right:1px solid #e8ecf2;display:flex;flex-direction:column;width:320px}.chats-header{align-items:center;border-bottom:1px solid #e8ecf2;display:flex;justify-content:space-between;padding:20px}.chats-header h2{font-size:18px;font-weight:600}.new-chat-btn{background:#6366f1;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.new-chat-btn:hover{background:#5558e3;transform:scale(1.02)}.unread-badge-header{background:#fef3c7;color:#d97706;font-size:12px;font-weight:500;padding:10px 20px}.chats-list{flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid #f0f3f8;cursor:pointer;display:flex;padding:14px 20px;transition:all .2s}.chat-item:hover{background:#f0f3f8}.chat-item.active{background:#ede9fe;border-left:3px solid #6366f1}.chat-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.chat-info{flex:1 1;min-width:0}.chat-name{font-size:14px;font-weight:600;margin-bottom:4px}.chat-last-message{color:#8a95aa;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread{background:#ef4444;border-radius:12px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.messages-area{background:#fff;display:flex;flex:1 1;flex-direction:column}.messages-header{align-items:center;background:#fff;border-bottom:1px solid #e8ecf2;display:flex;padding:16px 20px}.chat-avatar-large{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;color:#fff;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;margin-right:12px;width:48px}.chat-name-large{font-size:16px;font-weight:600;margin-bottom:2px}.chat-status{color:#8a95aa;font-size:12px}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message-item{display:flex;gap:12px;max-width:70%}.message-item.own{align-self:flex-end;flex-direction:row-reverse}.message-item.other{align-self:flex-start}.message-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.message-bubble{background:#f0f3f8;border-radius:16px;max-width:100%;padding:10px 14px}.message-item.own .message-bubble{background:#6366f1;color:#fff}.message-meta{display:flex;font-size:11px;gap:12px;margin-bottom:4px;opacity:.7}.message-sender{font-weight:500}.message-text{word-wrap:break-word;font-size:14px}.message-input-area{background:#fff;border-top:1px solid #e8ecf2;display:flex;gap:12px;padding:16px 20px}.message-input{border:2px solid #e8ecf2;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;padding:12px;resize:none}.message-input:focus{border-color:#6366f1;outline:none}.send-btn{align-self:flex-end;background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.send-btn:hover{background:#5558e3}.no-chat-selected{align-items:center;color:#8a95aa;display:flex;flex:1 1;flex-direction:column;justify-content:center}.no-chat-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-chat-text{font-size:16px}.no-chats{align-items:center;color:#8a95aa;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-chats-icon{font-size:48px;margin-bottom:12px;opacity:.5}.no-chats-text{font-size:14px;font-weight:500;margin-bottom:4px}.no-chats-hint{font-size:12px}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:20px;max-height:80vh;max-width:450px;overflow-y:auto;width:100%}.modal-header{margin-bottom:20px}.users-list{display:flex;flex-direction:column;gap:12px}.user-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.user-item:hover{background:#f0f3f8}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:22px;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.user-name{font-weight:600;margin-bottom:4px}.user-role{color:#8a95aa;font-size:12px}.chat-actions-header{display:flex;gap:8px}.new-group-btn{background:#10b981;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.new-group-btn:hover{background:#059669}.search-chat-btn{background:#f0f3f8;border:none;border-radius:20px;color:#5b6784;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.search-chat-btn:hover{background:#e8ecf2}.reply-preview{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;margin:8px 16px;padding:8px 16px}.reply-content{align-items:center;color:#92400e;display:flex;font-size:12px;justify-content:space-between}.reply-content button{background:none;border:none;cursor:pointer;font-size:14px}.message-footer{display:flex;font-size:10px;gap:8px;justify-content:flex-end;margin-top:4px}.read-status{color:#10b981}.message-actions{display:flex;gap:8px}.delete-msg-btn,.edit-msg-btn,.reply-msg-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:11px;opacity:.6;padding:2px 4px}.delete-msg-btn:hover,.edit-msg-btn:hover,.reply-msg-btn:hover{background:#f0f3f8;opacity:1}.deleted-message{color:#8a95aa;font-style:italic}.message-attachment{background:#e6f0ff;border-radius:8px;color:#3b82f6;display:inline-block;font-size:11px;margin-top:4px;padding:4px 8px}.attachments-preview{background:#f0f3f8;border-radius:8px;margin:0 16px;padding:8px 16px}.attachment-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.attachment-item button{background:none;border:none;color:#d93c3c;cursor:pointer}.edit-message-area{background:#f0f3f8;border-radius:8px;display:flex;gap:8px;margin:0 16px;padding:8px 16px}.edit-message-area input{border:1px solid #e8ecf2;border-radius:8px;flex:1 1;padding:8px}.attach-btn{background:#f0f3f8;border:none;border-radius:12px;cursor:pointer;font-size:18px;padding:12px}.attach-btn:hover{background:#e8ecf2}.users-select-list{border:1px solid #e8ecf2;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.user-select-item{align-items:center;background:#f0f3f8;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.user-select-item.selected{background:#6366f1;color:#fff}.user-select-item:hover{background:#e8ecf2}.user-select-item.selected:hover{background:#5558e3}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.modal-content.large{max-width:600px}.search-results-list{max-height:400px;overflow-y:auto}.search-result-item{border-bottom:1px solid #e8ecf2;cursor:pointer;padding:12px}.search-result-item:hover{background:#f8fafc}.result-sender{font-weight:600}.result-message,.result-sender{font-size:13px;margin-bottom:4px}.result-message{color:#5b6784}.result-time{color:#8a95aa;font-size:11px}.no-results{color:#8a95aa;padding:40px;text-align:center}@media (max-width:768px){.messages-wrapper{flex-direction:column;height:auto}.chats-sidebar{max-height:300px;width:100%}.message-item{max-width:85%}.modal-content{margin:16px}}.loyalty-container{margin:0 auto;max-width:1200px;padding:16px}.loyalty-header{margin-bottom:20px}.loyalty-header h1{font-size:24px;margin:0}.loyalty-header p{color:#6b7280;margin:4px 0 0}.search-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.search-row{display:flex;gap:10px}.search-input-wrap{align-items:center;background:#f9fafb;border-radius:10px;display:flex;flex:1 1;padding:0 14px}.search-icon{font-size:20px}.search-input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:14px}.search-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:12px 24px}.search-btn:disabled{opacity:.6}.not-found-card{background:#fff;border-radius:14px;padding:40px;text-align:center}.not-found-icon{font-size:48px;margin-bottom:10px}.not-found-card h3{color:#1f2937;margin:0}.not-found-card p{color:#6b7280}.guest-profile{display:flex;flex-direction:column;gap:16px}.guest-header-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;display:flex;gap:16px;padding:20px}.guest-avatar{align-items:center;background:#f0f0ff;border-radius:50%;display:flex;font-size:48px;height:72px;justify-content:center;width:72px}.guest-main-info{flex:1 1}.guest-main-info h2{font-size:20px;margin:0}.guest-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:6px}.guest-comment{color:#9ca3af;font-size:13px;margin:8px 0 0}.guest-actions{display:flex;gap:8px}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;padding:8px 14px}.categories-section,.transactions-section,.wallets-section{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;padding:20px}.categories-section h3,.transactions-section h3,.wallets-section h3{font-size:16px;margin:0 0 14px}.wallets-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wallet-card{background:#f9fafb;border-radius:10px;padding:14px;text-align:center}.wallet-name{display:block;font-weight:600}.wallet-type{color:#6b7280;font-size:11px}.wallet-balance{color:#059669;font-size:24px;font-weight:700;margin:8px 0}.wallet-balance.negative{color:#dc2626}.wallet-action-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 16px}.categories-list{gap:8px}.category-tag{border-radius:20px;font-size:12px;padding:4px 12px}.category-tag.active{background:#d1fae5;color:#065f46}.category-tag.inactive{background:#f3f4f6;color:#9ca3af}.transactions-table-wrap{overflow-x:auto}.transactions-table{border-collapse:collapse;font-size:13px;width:100%}.transactions-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-weight:600;padding:10px;text-align:left}.transactions-table td{border-bottom:1px solid #f3f4f6;padding:10px}.amount-positive{color:#059669;font-weight:600}.amount-negative{color:#dc2626;font-weight:600}.comment-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-data{color:#9ca3af;font-style:italic}.modal-overlay{background:#0006;bottom:0;left:0;right:0;top:0}.modal-content{background:#fff;border-radius:14px;max-width:90%;padding:24px;width:400px}.modal-header{margin-bottom:16px}.modal-header h3{margin:0}.modal-close{font-size:20px}.toggle-row{display:flex;gap:8px}.toggle-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;padding:10px}.toggle-btn.active.topup{background:#ecfdf5;border-color:#059669;color:#059669}.toggle-btn.active.chargeoff{background:#fef2f2;border-color:#dc2626;color:#dc2626}.form-group{margin-bottom:14px}.form-group label{color:#6b7280;margin-bottom:4px}.form-group input{border:1px solid #e5e7eb;border-radius:8px;padding:10px}.submit-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:12px;width:100%}.submit-btn.topup{background:#059669}.submit-btn.chargeoff{background:#dc2626}.submit-btn:disabled{opacity:.5}.loyalty-extras{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px}.extra-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;padding:20px}.extra-card h3{font-size:16px;margin:0 0 16px}.top-guests-list{display:flex;flex-direction:column;gap:10px}.top-guest-row{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:background .2s}.top-guest-row:hover{background:#f0f0ff}.top-rank{font-size:18px;text-align:center;width:35px}.top-guest-info{display:flex;flex:1 1;flex-direction:column}.top-guest-name{font-size:14px;font-weight:600}.top-guest-phone{color:#9ca3af;font-size:12px}.top-guest-stats{display:flex;flex-direction:column;text-align:right}.top-guest-revenue{color:#059669;font-size:14px;font-weight:700}.top-guest-orders{color:#6b7280;font-size:11px}.top-guest-loyalty-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:4px 8px}.stats-summary{display:flex;gap:10px;margin-bottom:16px}.stat-pill{background:#f0f0ff;border-radius:10px;display:flex;flex:1 1;flex-direction:column;padding:12px;text-align:center}.stat-pill-value{color:#6366f1;font-size:24px;font-weight:700}.stat-pill-label{color:#6b7280;font-size:12px}.stats-section{margin-bottom:14px}.stats-section h4{color:#6b7280;font-size:13px;margin:0 0 8px}.programs-grid{display:flex;flex-direction:column;gap:6px}.program-card{align-items:center;border-radius:8px;display:flex;gap:10px;padding:8px 12px}.program-card.active{background:#f0fdf4}.program-card.inactive{background:#f9fafb;opacity:.7}.program-icon{font-size:20px}.program-info{flex:1 1}.program-name{display:block;font-size:13px;font-weight:600}.program-type{color:#9ca3af;font-size:11px}.program-status{font-size:12px}.categories-list{display:flex;flex-wrap:wrap;gap:6px}.category-card{align-items:center;background:#f0fdf4;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:6px 12px}.default-badge{background:#6366f1;border-radius:10px;color:#fff;font-size:10px;padding:1px 6px}@media (max-width:768px){.loyalty-extras{grid-template-columns:1fr}}.guest-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.guest-stat-item{background:#f0fdf4;border-radius:10px;display:flex;flex-direction:column;min-width:120px;padding:10px 16px}.guest-stat-value{color:#059669;font-size:18px;font-weight:700}.guest-stat-label{color:#6b7280;font-size:11px;margin-top:2px}.profile-page{background:#f5f7fa;min-height:100vh}.profile-content{margin:0 auto;max-width:1000px;padding:24px}.profile-cover{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000f;margin-bottom:20px;overflow:hidden;position:relative}.cover-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a78bfa);height:120px}.profile-header-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;margin-top:-50px;padding:0 32px 32px;position:relative}.profile-avatar-section{cursor:pointer;position:relative}.profile-avatar{border:4px solid #fff;border-radius:24px;box-shadow:0 8px 24px #0000001f;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.profile-avatar:hover{transform:scale(1.05)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#fff;font-size:42px;font-weight:700;height:100%;width:100%}.avatar-overlay,.avatar-placeholder{align-items:center;display:flex;justify-content:center}.avatar-overlay{background:#00000080;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-overlay span{color:#fff;font-size:32px}.profile-main-info{flex:1 1;padding-bottom:8px}.profile-name{color:#1a1f36;font-size:28px;font-weight:700;margin:0 0 8px}.profile-role{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;margin-bottom:12px;padding:4px 16px}.profile-meta{align-items:center;color:#8a95aa;display:flex;font-size:13px;gap:8px}.edit-profile-btn{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s;white-space:nowrap}.edit-profile-btn:hover{background:#5558e3;box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.profile-tabs{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:4px;margin-bottom:20px;padding:6px}.tab{background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.tab:hover{background:#f5f3ff;color:#6366f1}.tab.active{background:#6366f1;color:#fff;font-weight:600}.tab-panel{animation:fadeIn .3s ease}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:20px;text-align:center;transition:all .2s}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{color:#1a1f36;font-size:14px;font-weight:600;margin-bottom:4px;word-break:break-all}.stat-label{color:#8a95aa;font-size:11px;font-weight:500;text-transform:uppercase}.profile-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:24px}.profile-section h3{align-items:center;color:#1a1f36;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.info-item{background:#f8fafc;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s}.info-item:hover{background:#f0f3ff}.info-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.info-content{flex:1 1}.info-label{color:#8a95aa;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.info-value{color:#1a1f36;font-size:15px;font-weight:500}.info-value.highlight{color:#6366f1;font-weight:600}.password-form{max-width:400px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input{background:#fafbfc;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.save-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.save-btn:hover:not(:disabled){background:#5558e3}.save-btn:disabled{cursor:not-allowed;opacity:.6}.danger-zone{background:#fef2f2;border:2px solid #fecaca}.danger-btn,.danger-zone h3{color:#dc2626}.danger-btn{background:#fff;border:2px solid #fecaca;border-radius:10px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.danger-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-item{background:#f8fafc;border-radius:10px;justify-content:space-between;padding:14px}.session-info,.session-item{align-items:center;display:flex}.session-info{gap:12px}.session-icon{font-size:24px}.session-time{color:#1a1f36;font-size:14px;font-weight:500}.session-ip{color:#8a95aa;font-family:monospace;font-size:12px}.session-status{font-size:12px;font-weight:500}.session-status.success{color:#10b981}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal.animate-slideUp{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h2{font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:#8a95aa;cursor:pointer;font-size:24px;transition:color .2s}.modal-close:hover{color:#1a1f36}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cancel-btn{background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#e5e7eb}.avatar-options{display:flex;gap:8px;margin-bottom:24px}.avatar-option{background:#f3f4f6;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.avatar-option.active{background:#ede9fe;border-color:#6366f1;color:#6366f1}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;transition:all .2s;width:36px}.color-option.active{border-color:#1a1f36;transform:scale(1.1)}.avatar-preview{margin:24px 0;text-align:center}.preview-avatar{align-items:center;border-radius:24px;color:#fff;display:inline-flex;font-size:36px;font-weight:700;height:100px;justify-content:center;width:100px}.upload-area{background:#0000;border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;height:200px;overflow:hidden;padding:0;transition:all .2s;width:100%}.upload-area:hover{background:#f5f3ff;border-color:#6366f1}.upload-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.upload-icon{font-size:48px;margin-bottom:12px}.upload-placeholder p{color:#374151;font-size:16px;font-weight:500;margin:0 0 4px}.upload-placeholder span{color:#8a95aa;font-size:12px}.upload-preview{height:100%;object-fit:contain;width:100%}.empty-state{padding:40px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{color:#8a95aa;font-size:15px}.error-state{background:#fff;border-radius:20px;margin:40px auto;max-width:400px;padding:60px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:16px}.error-state h2{color:#374151;margin-bottom:20px}.retry-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}@media (max-width:768px){.profile-content{padding:16px}.profile-header-content{align-items:center;flex-direction:column;padding:0 16px 24px;text-align:center}.profile-meta{justify-content:center}.edit-profile-btn{width:100%}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.profile-tabs{flex-direction:column}}.animate-fadeIn{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.219b4ea7.css.map*/