*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a1a;background-attachment:fixed;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{background:#667eea1a;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,source-code-pro,Menlo,Consolas,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}button{cursor:pointer}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}::-webkit-scrollbar{height:14px;width:14px}::-webkit-scrollbar-track{background:#11112280;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f180,#8b5cf680);border:3px solid #11112280;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f1b3,#8b5cf6b3)}::selection{background:#6366f166;color:#fff}::-moz-selection{background:#6366f166;color:#fff}.App{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-image:radial-gradient(at 0 0,#ffffff26 0,#0000 50%),radial-gradient(at 50% 0,#ffffff1f 0,#0000 50%),radial-gradient(at 100% 0,#ffffff1a 0,#0000 50%),linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);min-height:100vh;overflow-x:hidden;position:relative}.App:before{animation:gridMove 30s linear infinite;background-image:linear-gradient(#6366f10d 1px,#0000 0),linear-gradient(90deg,#6366f10d 1px,#0000 0);background-size:60px 60px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(60px)}}.App-header{backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);background:#3b82f6eb;border-bottom:1px solid #ffffff4d;box-shadow:0 10px 40px #00000080,inset 0 1px 0 #ffffff26;color:#fff;padding:3.5rem 2rem;position:relative;text-align:center;z-index:1}.App-header h1{color:#1a1a1a;display:inline-block;font-size:4rem;font-weight:900;letter-spacing:-2.5px;margin:0 0 1.5rem;position:relative;text-shadow:0 2px 4px #0003}.App-header h1:after{background:linear-gradient(90deg,#0000,#3b82f6,#60a5fa,#0000);border-radius:2px;bottom:-12px;box-shadow:0 0 20px #3b82f699;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.App-header p{color:#ffffffd9;font-size:1.2rem;font-weight:500;letter-spacing:.6px;line-height:1.8;margin:2rem auto 2.5rem;max-width:640px;text-shadow:0 4px 18px #000000a6}.view-toggle{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;max-width:none;width:100%}.view-toggle button{background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:0 1 auto;font-size:1rem;min-width:150px;padding:10px 20px;transition:all .3s ease}.view-toggle button:hover{background:#ffffff2e;border-color:#fff6;box-shadow:0 4px 14px #fff3;color:#fff;transform:translateY(-2px)}.view-toggle button.active{background:#ffffff4d;box-shadow:0 6px 20px #2563eb99,inset 0 1px 0 #ffffff4d;color:#fff;font-weight:800}.App-main{margin:0 auto;max-width:1800px;padding:4rem 2.5rem;position:relative;z-index:1}.container{animation:fadeInUp .7s ease-out;backdrop-filter:blur(60px) saturate(150%);-webkit-backdrop-filter:blur(60px) saturate(150%);background:#111122b3;border:1px solid #6366f14d;border-radius:32px;box-shadow:0 25px 80px #00000080,inset 0 1px 0 #ffffff14;overflow:hidden;padding:0;position:relative}.container:before{background:linear-gradient(90deg,#0000,#a855f780,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.notification{animation:slideInDown .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid #fff3;border-radius:16px;box-shadow:0 12px 40px #0006,0 4px 12px #0000004d,inset 0 1px 0 #ffffff26;font-size:1.05rem;font-weight:600;letter-spacing:.3px;margin-bottom:2rem;overflow:hidden;padding:1.5rem 2.5rem;position:relative}.notification:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.notification.success{background:linear-gradient(135deg,#10b981f2,#059669f2);border-color:#10b98199;color:#fff;text-shadow:0 2px 8px #0000004d}.notification.success:after{content:"✓";font-size:1.5rem;font-weight:700;opacity:.6;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-color:#ef444499;color:#fff;text-shadow:0 2px 8px #0000004d}.notification.error:after{content:"✕";font-size:1.5rem;font-weight:700;opacity:.6;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.action-button{border:1px solid #ffffff2e;border-radius:16px;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:.6px;padding:1rem 2.4rem;position:relative;text-shadow:0 3px 12px #08091e99;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-button.import-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98180,inset 0 1px 0 #ffffff59}.action-button.import-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 28px #10b98199,inset 0 1px 0 #ffffff59;transform:translateY(-2px)}.action-button.export-button{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b80,inset 0 1px 0 #ffffff59}.action-button.export-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 10px 28px #f59e0b99,inset 0 1px 0 #ffffff59;transform:translateY(-2px)}.action-button:active{transform:translateY(-1px)}@media (max-width:768px){.App-main{padding:1rem}.App-header h1{font-size:2rem}.App-header p{font-size:1rem}}.order-card .customer-name,.order-card .customer-name *,.order-card .order-meta,.order-card .order-meta *{color:#fff!important;font-weight:700;opacity:1}.order-card,.order-card *{color:#e9eeff!important;opacity:1}.order-card .priority-badge,.order-card .status-badge{color:#fff!important}:root{--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-gradient-start:#f5f7fa;--bg-gradient-end:#c3cfe2;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-muted:#95a5a6;--border-color:#e1e8ed;--shadow-color:#0000001a;--shadow-hover:#00000026;--card-bg:#fff;--input-bg:#fff;--input-border:#dfe6e9;--form-input-bg:#f7f9ff;--form-input-text:#0f172a;--form-input-border:#ccd9f0;--form-input-placeholder:#5f6c80;--primary-color:#667eea;--success-color:#00b894;--warning-color:#fdcb6e;--danger-color:#d63031;--info-color:#74b9ff;--theme-transition:all 0.3s ease}[data-theme=dark]{--bg-primary:#1e272e;--bg-secondary:#2c3e50;--bg-gradient-start:#2c3e50;--bg-gradient-end:#34495e;--text-primary:#ecf0f1;--text-secondary:#bdc3c7;--text-muted:#95a5a6;--border-color:#404b56;--shadow-color:#0000004d;--shadow-hover:#0006;--card-bg:#34495e;--input-bg:#2c3e50;--input-border:#404b56;--form-input-bg:#1c2535d9;--form-input-text:#f4f6fb;--form-input-border:#ffffff40;--form-input-placeholder:#e2e8f0b3;--primary-color:#a29bfe;--success-color:#55efc4;--warning-color:#ffeaa7;--danger-color:#ff7675;--info-color:#74b9ff}body{background:#fff;background:var(--bg-primary);color:#2c3e50;color:var(--text-primary)}.App,body{transition:all .3s ease;transition:var(--theme-transition)}.App{background:#f5f7fa;background:var(--bg-gradient-start)}.theme-toggle{align-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f166;border-radius:50%;box-shadow:0 10px 40px #0006,inset 0 2px 4px #ffffff1a;cursor:pointer;display:flex;font-size:2rem;height:64px;justify-content:center;position:fixed;right:28px;top:28px;transition:all .4s cubic-bezier(.4,0,.2,1);width:64px;z-index:1000}.theme-toggle:hover{border-color:#6366f199;box-shadow:0 15px 50px #6366f180,inset 0 2px 4px #ffffff26;transform:scale(1.1) rotate(20deg)}.theme-toggle:active{box-shadow:0 8px 30px #6366f166,inset 0 2px 4px #0000001a;transform:scale(1.05) rotate(10deg)}.advanced-analytics,.chart-card,.order-analytics,.order-filter,.order-form,.order-list,.stat-card{background:#fff;background:var(--card-bg);border-color:#e1e8ed;border-color:var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #ffffff1a;box-shadow:0 8px 32px var(--shadow-color),0 0 0 1px #ffffff1a;color:#2c3e50;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card:hover,.order-form:hover,.stat-card:hover{box-shadow:0 12px 48px #00000026,0 0 0 1px #ffffff26;box-shadow:0 12px 48px var(--shadow-hover),0 0 0 1px #ffffff26;transform:translateY(-4px)}input,select,textarea{background:#fff;background:var(--input-bg);border-color:#dfe6e9;border-color:var(--input-border);color:#2c3e50;color:var(--text-primary);transition:all .3s ease;transition:var(--theme-transition)}input::placeholder,textarea::placeholder{color:#95a5a6;color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}button{transition:all .3s ease;transition:var(--theme-transition)}.primary-button{background:#667eea;background:var(--primary-color);color:#fff}.success-button{background:#00b894;background:var(--success-color);color:#fff}.warning-button{background:#fdcb6e;background:var(--warning-color);color:#2c3e50;color:var(--text-primary)}.danger-button{background:#d63031;background:var(--danger-color);color:#fff}.order-card{background:#fff;background:var(--card-bg);border-color:#e1e8ed;border-color:var(--border-color);transition:all .3s ease;transition:var(--theme-transition)}.order-card:hover{box-shadow:0 6px 20px #00000026;box-shadow:0 6px 20px var(--shadow-hover)}.status-badge{transition:all .3s ease;transition:var(--theme-transition)}.status-pending{background-color:#fdcb6e;background-color:var(--warning-color);color:#2c3e50;color:var(--text-primary)}.status-processing{background-color:#74b9ff;background-color:var(--info-color);color:#fff}.status-completed{background-color:#00b894;background-color:var(--success-color);color:#fff}.status-failed{background-color:#d63031;background-color:var(--danger-color);color:#fff}[data-theme=dark] .chart-card h3,[data-theme=dark] .stat-value{color:#2c3e50;color:var(--text-primary)}[data-theme=dark] .analytics-header p,[data-theme=dark] .stat-label{color:#7f8c8d;color:var(--text-secondary)}[data-theme=dark] ::-webkit-scrollbar{background:#f5f7fa;background:var(--bg-secondary);width:10px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#e1e8ed;background:var(--border-color);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#536878}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.preload *{transition:none!important}.order-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8f9fafa);border:1px solid #ffffff80;border-radius:28px;box-shadow:0 24px 72px #00000021,0 0 0 1px #fffc,inset 0 1px 0 #ffffffe6;margin-bottom:3rem;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-form:hover{border-color:#667eea4d;box-shadow:0 28px 84px #00000029,0 0 0 1px #ffffffe6,inset 0 1px 0 #fff;transform:translateY(-2px)}.order-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:900;letter-spacing:-.5px;margin-bottom:2.5rem;text-align:center}.form-group{margin-bottom:2rem}.form-group label{color:#34495e;display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:.875rem;text-transform:uppercase}.input-group{display:flex;gap:.5rem}.input-group input{flex:1 1}.input-group .generate-btn{padding:.75rem 1rem;white-space:nowrap}.input-group input{background:var(--form-input-bg);border:1.5px solid var(--form-input-border);border-radius:16px;box-shadow:0 8px 24px #0f172a14;color:var(--form-input-text);font-size:1rem;padding:1.125rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 6px 18px #667eea2e,0 0 0 3px #667eea1f;outline:none;transform:translateY(-1px)}.input-group input:disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:not-allowed;opacity:.7}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;font-weight:400;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:400;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.items-section{background:#fff;border:2px solid #e9ecef;border-radius:8px;margin:2rem 0;padding:1.5rem}.items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.items-header h3{color:#2c3e50;margin:0}.add-item-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.add-item-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.add-item-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.item-row{grid-gap:.5rem;align-items:center;background:#f7f9ffe6;border:1px solid #cdd9f0cc;border-radius:12px;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:.5rem;padding:.75rem}.item-row input{background:var(--form-input-bg);border:1.5px solid var(--form-input-border);border-radius:10px;box-shadow:0 4px 14px #0f172a14;color:var(--form-input-text);font-size:.95rem;padding:.75rem 1rem}.item-row input:focus{border-color:var(--primary-color);outline:none}.item-total{color:#27ae60;font-weight:600}.remove-item-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:4px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;line-height:1;padding:.5rem 1rem;transition:all .2s ease}.remove-item-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.remove-item-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.order-total{border-top:2px solid #e9ecef;color:#2c3e50;font-size:1.2rem;margin-top:1rem;padding:1rem 0;text-align:right}.add-item-btn,.generate-btn,.remove-item-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.generate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.generate-btn:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed}.form-actions button[type=submit]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease}.form-actions button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f680;transform:translateY(-2px)}.form-actions button[type=submit]:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.form-row{gap:.5rem}.form-row,.item-row{grid-template-columns:1fr}.item-row{gap:.25rem}.item-total{text-align:left}}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width:768px){.form-actions{align-items:center;flex-direction:column}.form-actions button{max-width:300px;width:100%}}.toast-notification{animation:toast-slide-in .35s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b98159,0 1px 4px #00000026;color:#fff;font-size:1rem;font-weight:700;left:auto;margin-top:1rem;padding:1rem 1.5rem;position:relative;text-align:center;top:auto;transform:none;width:100%}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.order-history{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#0b102cf2,#111632eb);border:1px solid #6366f14d;border-radius:32px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff0d;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.history-header{align-items:center;border-bottom:1px solid #6366f133;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:2rem}.history-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c4b5fd 50%,#f0abfc);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:900;letter-spacing:-1px;margin:0}.clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:16px;box-shadow:0 6px 20px #ef444466;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 28px #ef444480;transform:translateY(-2px)}.empty-history{color:#fff6;font-size:1.15rem;font-style:italic;font-weight:500;padding:5rem 2rem;text-align:center}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-item{background:linear-gradient(135deg,#111837e0,#171f41d9);border:1px solid #6366f14d;border-radius:20px;box-shadow:0 6px 20px #0000004d;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-item:hover{background:linear-gradient(135deg,#171f41eb,#1e2850e6);border-color:#6366f180;box-shadow:0 15px 40px #0006,0 0 0 1px #6366f166;transform:translateY(-4px) translateX(4px)}.order-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.order-id{align-items:center;color:#ffffffe6;display:flex;font-size:1.2rem;font-weight:700;gap:1rem}.status-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:1.75rem}.order-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.timestamp{color:#8b98d9;font-size:.85rem}.status{border-radius:4px;font-size:.75rem;font-weight:600;min-width:80px;padding:.25rem .5rem;text-align:center}.status-submitted{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.status.status-submitted{background-color:#ffc107;color:#212529}.status-processing{background-color:#cce5ff;border-left:4px solid #007bff;color:#004085}.status.status-processing{background-color:#007bff;color:#fff}.status-completed{background-color:#d1eddd;border-left:4px solid #28a745;color:#155724}.status.status-completed{background-color:#28a745;color:#fff}.status-failed{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.status.status-failed{background-color:#dc3545;color:#fff}.order-message{background:#5a7ff526;border-radius:4px;color:#dce6ffe6;font-size:.9rem;margin-top:.5rem;padding:.5rem}.order-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.customer-name{color:#fff!important;font-size:1.55rem;font-weight:500;margin-left:.5rem}.expand-toggle{background:#5a7ff533;border:1px solid #5a7ff566;border-radius:8px;color:#fffc;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem .75rem;transition:all .3s ease}.expand-toggle:hover{background:#5a7ff54d;border-color:#5a7ff599;transform:scale(1.1)}.order-details{animation:slideDown .3s ease-out;border-top:1px solid #5a7ff54d;margin-top:1.5rem;padding-top:1.5rem}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.detail-section h4{align-items:center;color:#fffffff2;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.detail-section p{color:#fffc;font-size:.9rem;line-height:1.6;margin:.5rem 0}.detail-section strong{color:#ffffffe6;font-weight:600}.priority-badge{align-items:center;background:#5a7ff533;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.25rem .75rem}.items-section{margin-top:1.5rem}.items-section h4{color:#fffffff2;font-size:1rem;font-weight:700;margin-bottom:1rem}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{grid-gap:1rem;background:#11183799;border:1px solid #5a7ff533;border-radius:8px;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:.75rem 1rem}.item-name{color:#ffffffe6;font-weight:600}.item-price,.item-quantity{color:#ffffffb3}.item-total{color:#ffffffe6;font-weight:700;text-align:right}.message-section{border-top:1px solid #5a7ff533;margin-top:1.5rem;padding-top:1.5rem}.message-section h4{color:#fffffff2;font-size:1rem;font-weight:700;margin-bottom:.75rem}.message-section .order-message{margin-top:0}.order-filter{background:#fffffff2;border:1px solid #00000014;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden}.filter-header{padding:1.5rem}.filter-main{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.search-group{display:flex;flex:1 1;gap:.75rem;min-width:300px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;flex:1 1;font-size:1rem;font-weight:400;padding:.75rem 1rem;transition:all .2s ease}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-toggle{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.filter-toggle:hover{background:#4f46e5}.filter-toggle.active{background:#4338ca}.filter-badge{color:#fbbf24;font-size:1.5rem;line-height:1}.filter-actions{align-items:center;display:flex;gap:1rem}.order-count{color:#6b7280}.export-btn,.order-count{font-size:.95rem;font-weight:600;white-space:nowrap}.export-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem 1.25rem;transition:all .2s ease}.export-btn:hover{background:#059669}.filter-expanded{animation:slideDown .3s ease;border-top:1px solid #00000014;margin-top:1rem;padding:1rem 1.5rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#374151;font-size:.875rem;font-weight:600}.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;font-weight:400;padding:.75rem 1rem;transition:all .2s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-group input[type=date]{color-scheme:light}.clear-filters-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:1.75rem;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.clear-filters-btn:hover:not(:disabled){background:#dc2626}.clear-filters-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.filter-main{align-items:stretch;flex-direction:column}.search-group{min-width:100%}.filter-actions{justify-content:space-between;width:100%}.filter-row{grid-template-columns:1fr}}.order-analytics{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.order-analytics h2{color:#2c3e50;font-size:1.8rem;margin-bottom:2rem;text-align:center}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.metric-card:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-value{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 8px #0000004d,0 4px 16px #0003}.metric-label{color:#fffffffa;font-size:1.05rem;font-weight:600;margin-bottom:.25rem;text-shadow:0 2px 6px #00000040}.metric-change{color:#fffffff2;font-size:.9rem;text-shadow:0 1px 4px #0003}.total-orders{background:linear-gradient(135deg,#667eea,#764ba2)}.completion-rate{background:linear-gradient(135deg,#f093fb,#f5576c)}.total-value{background:linear-gradient(135deg,#4facfe,#00f2fe)}.processing-time{background:linear-gradient(135deg,#667eea,#764ba2)}.chart-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem}.chart-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:1rem}.status-chart{display:flex;flex-direction:column;gap:1rem}.status-bar{background:#e9ecef;border-radius:10px;display:flex;height:20px;overflow:hidden}.status-segment{height:100%;transition:all .3s ease}.status-segment.completed{background:#28a745}.status-segment.processing{background:#007bff}.status-segment.submitted{background:#ffc107}.status-segment.failed{background:#dc3545}.status-legend{display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:50%;height:12px;width:12px}.legend-color.completed{background:#28a745}.legend-color.processing{background:#007bff}.legend-color.submitted{background:#ffc107}.legend-color.failed{background:#dc3545}.priority-stats{display:flex;flex-direction:column;gap:.75rem}.priority-item{align-items:center;background:linear-gradient(135deg,#111837e0,#171f41d9);border:1px solid #5a7ff54d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.priority-icon{font-size:1.2rem}.priority-label{color:#e9eefff2;flex:1 1;font-size:.95rem;font-weight:600}.priority-count{background:linear-gradient(135deg,#5a7ff5,#667eea);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;min-width:35px;padding:.35rem .65rem;text-align:center;text-shadow:0 1px 3px #0000004d}.customer-list{display:flex;flex-direction:column;gap:.5rem}.customer-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:transform .2s ease}.customer-item:hover{transform:translateX(4px)}.customer-rank{align-items:center;background:#6c757d;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.customer-name{color:#000!important;flex:1 1;font-size:medium;font-weight:400}.customer-value{color:#28a745;font-weight:600}.performance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.performance-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;text-align:center}.performance-value{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.performance-value.success-rate{color:#28a745}.performance-value.failure-rate{color:#dc3545}.performance-label{color:#6c757d;font-size:.9rem}@media (max-width:768px){.order-analytics{padding:1rem}.analytics-grid{gap:1rem;grid-template-columns:1fr}.metric-value{font-size:2rem}.status-legend{justify-content:center}.performance-grid{grid-template-columns:1fr}}.advanced-analytics{backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);background:linear-gradient(135deg,#050814f7,#0d1128eb);border:1px solid #ffffff14;border-radius:32px;box-shadow:0 35px 110px #0000008c,inset 0 1px 0 #ffffff0f;color:#e6edff;padding:3.5rem}.analytics-header{border-bottom:1px solid #6366f133;margin-bottom:3.5rem;padding-bottom:2.5rem;text-align:center}.analytics-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c4b5fd 40%,#f0abfc 70%,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-1.5px;margin-bottom:1rem}.analytics-header p{color:#e6efffe0;font-size:1.15rem;font-weight:500;letter-spacing:.5px;text-shadow:0 6px 24px #03071299}.charts-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3.5rem}.chart-card{background:#0b1022eb;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 60px #00000073,inset 0 1px 0 #ffffff0a;color:#f3f6ff;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card:hover{border-color:#6366f180;box-shadow:0 25px 70px #0006,inset 0 1px 0 #ffffff14;transform:translateY(-8px)}.chart-card h3{align-items:center;color:#f8fbff;display:flex;font-size:1.35rem;font-weight:800;gap:1rem;letter-spacing:-.5px;margin-bottom:2rem}.chart-card-wide{grid-column:span 2}.chart-container{height:320px;position:relative}.quick-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{align-items:center;background:#0b1022eb;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 18px 55px #0006,inset 0 1px 0 #ffffff0a;display:flex;gap:1.75rem;padding:2.25rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#6366f180;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff14;transform:translateY(-6px) scale(1.02)}.stat-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;box-shadow:0 10px 30px #6366f180,inset 0 2px 4px #fff3;display:flex;font-size:3.5rem;height:80px;justify-content:center;width:80px}.stat-content{flex:1 1}.stat-label{color:#e3ebffd9;font-size:.875rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.75rem}.stat-value{color:#f8fbff;font-size:2.5rem;font-weight:900;letter-spacing:-1px;text-shadow:0 8px 30px #0000008c}@media (prefers-color-scheme:dark){.advanced-analytics{background:linear-gradient(135deg,#2c3e50,#34495e)}.chart-card,.stat-card{background:#34495e;color:#ecf0f1}.analytics-header h2,.chart-card h3,.stat-value{color:#ecf0f1}.analytics-header p,.stat-label{color:#bdc3c7}}@media (max-width:1200px){.chart-card-wide{grid-column:span 1}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}.chart-container{height:250px}.quick-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-value{font-size:1.5rem}}.chart-subtitle{color:#e6efffa6;font-size:.9rem;font-weight:400;margin-bottom:1.5rem;margin-top:-1rem}.heatmap-container{display:flex;flex-direction:column;gap:1rem}.heatmap-grid{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.heatmap-hours{display:flex;flex-direction:column;gap:2px;padding-top:32px}.hour-label{align-items:center;color:#e6efffb3;display:flex;font-size:.7rem;font-weight:500;height:24px}.heatmap-cells{display:flex;flex:1 1;flex-direction:column;gap:2px}.heatmap-days{display:flex;gap:2px;margin-bottom:.5rem}.day-label{color:#e6efffcc;flex:1 1;font-size:.8rem;font-weight:700;padding:.25rem;text-align:center}.heatmap-row{display:flex;gap:2px}.heatmap-cell{align-items:center;border:1px solid #ffffff0d;border-radius:3px;cursor:pointer;display:flex;flex:1 1;height:24px;justify-content:center;position:relative;transition:all .2s ease}.heatmap-cell:hover{border-color:#3b82f6cc;box-shadow:0 2px 8px #3b82f666;transform:scale(1.15);z-index:10}.cell-count{color:#fff;font-size:.65rem;font-weight:700;text-shadow:0 1px 2px #00000080}.heatmap-legend{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:.5rem}.legend-label{color:#e6efffb3;font-size:.8rem;font-weight:500}.legend-gradient{background:linear-gradient(90deg,#3b82f61a,#3b82f64d,#3b82f699,#3b82f6);border:1px solid #ffffff1a;border-radius:6px;height:12px;width:200px}@media (max-width:768px){.heatmap-grid{font-size:.65rem}.heatmap-cell{height:20px}.hour-label{font-size:.6rem;height:20px}}.csv-import-overlay{align-items:center;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.csv-import-modal{animation:slideUpScale .5s cubic-bezier(.4,0,.2,1);background:#111122f2;border:1px solid #6366f14d;border-radius:32px;box-shadow:0 30px 90px #00000080,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.csv-import-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166;color:#fff;display:flex;justify-content:space-between;padding:2rem 2.5rem}.csv-import-header h2{font-size:2rem;font-weight:900;letter-spacing:-.5px;margin:0;text-transform:uppercase}.close-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#fff3;box-shadow:0 0 20px #ffffff4d;transform:rotate(90deg) scale(1.1)}.csv-import-content{background:#0a0a1a80;max-height:calc(90vh - 120px);overflow-y:auto;padding:2.5rem}.csv-dropzone{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1129;border:3px dashed #6366f166;border-radius:24px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff0d;cursor:pointer;padding:3rem;text-align:center;transition:all .3s ease}.csv-dropzone.dragging{background:#6366f126;border-color:#6366f1;box-shadow:0 10px 40px #6366f166,0 0 60px #8b5cf64d,inset 0 1px 0 #ffffff1a;transform:scale(1.02)}.dropzone-icon{filter:drop-shadow(0 0 20px rgba(99,102,241,.5));font-size:4rem;margin-bottom:1rem}.dropzone-text{color:#ffffffe6;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.dropzone-or{color:#fff9;font-weight:500;margin:1rem 0}.browse-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:16px;box-shadow:0 4px 20px #6366f166;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.browse-button:hover{box-shadow:0 8px 30px #6366f199,0 0 40px #8b5cf666;transform:translateY(-3px)}.file-name{background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;color:#fffc;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.csv-message{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:16px;font-weight:600;margin-bottom:1rem;padding:1rem 1.5rem}.csv-message.error{background:#ec489926;border:2px solid #ec489980;box-shadow:0 0 20px #ec489933;color:#fca5a5}.csv-message.warning{background:#fbbf2426;border:2px solid #fbbf2480;box-shadow:0 0 20px #fbbf2433;color:#fcd34d}.csv-preview h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900;letter-spacing:-.5px;margin-bottom:1rem;text-transform:uppercase}.csv-preview-table{border:1px solid #6366f133;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff0d;margin-bottom:1.5rem;overflow-x:auto}.csv-preview-table table{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1129;border-collapse:collapse;width:100%}.csv-preview-table th{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-bottom:2px solid #6366f166;color:#fffffff2;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:1rem;text-align:left;text-transform:uppercase}.csv-preview-table td{border-bottom:1px solid #6366f133;color:#fffc;padding:.75rem 1rem}.csv-preview-table tr:hover{background:#6366f11a;transition:all .3s ease}.preview-note{color:#fff9;font-size:.9rem;font-style:italic;margin-top:.5rem;text-align:center}.priority-badge,.status-badge{border-radius:12px;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.priority-low{background:#10b98133;border:1px solid #10b98166;color:#6ee7b7}.priority-medium{background:#fbbf2433;border:1px solid #fbbf2466;color:#fcd34d}.priority-high{background:#ec489933;border:1px solid #ec489966;color:#f9a8d4}.csv-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.confirm-button{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.confirm-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166;color:#fff}.confirm-button:hover{box-shadow:0 8px 30px #6366f199,0 0 40px #8b5cf666;transform:translateY(-3px)}.csv-instructions{background:#1129;border:1px solid #6366f133;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff0d;margin-top:1.5rem;padding:1.5rem}.csv-instructions h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-weight:900;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.csv-instructions ul{list-style:none;padding:0}.csv-instructions li{color:#fffc;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.csv-instructions li:before{color:#6366f1;content:"→";font-weight:700;left:0;position:absolute}.csv-instructions strong{color:#fffffff2;font-weight:700}.csv-export-overlay{align-items:center;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.csv-export-modal{animation:slideUpScale .5s cubic-bezier(.4,0,.2,1);background:#111122f2;border:1px solid #6366f14d;border-radius:32px;box-shadow:0 30px 90px #00000080,inset 0 1px 0 #ffffff1a;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.csv-export-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166;color:#fff;display:flex;justify-content:space-between;padding:2rem 2.5rem}.csv-export-header h2{font-size:2rem;font-weight:900;letter-spacing:-.5px;margin:0;text-transform:uppercase}.csv-export-content{background:#0a0a1a80;max-height:calc(90vh - 120px);overflow-y:auto;padding:2.5rem}.export-options{background:#1129;border:1px solid #6366f133;border-radius:24px;box-shadow:0 10px 30px #0003,inset 0 1px 0 #ffffff0d;margin-bottom:2rem;padding:2rem}.export-options h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900;letter-spacing:-.5px;margin-bottom:1.5rem;text-transform:uppercase}.option-group{margin-bottom:2rem}.option-group label{color:#fffc;display:block;font-size:.875rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.75rem;text-transform:uppercase}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.radio-option{align-items:center;background:#1129;border:2px solid #6366f14d;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.radio-option:hover{background:#6366f11a;border-color:#6366f1;transform:translateY(-2px)}.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-option span{color:#ffffffe6;font-weight:500}.checkbox-option{align-items:center;background:#1129;border:2px solid #6366f14d;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.checkbox-option:hover{background:#6366f11a;border-color:#6366f1;box-shadow:0 0 20px #6366f14d;transform:translateY(-2px)}.checkbox-option input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.checkbox-option span{color:#ffffffe6;font-weight:500}.filter-select{background:#1129;border:2px solid #6366f14d;border-radius:12px;color:#ffffffe6;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.filter-select:focus{background:#112c;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133,0 0 30px #6366f166;outline:none}.filter-select option{background:#111122f2;color:#ffffffe6}.export-summary{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff0d;margin-bottom:1.5rem;padding:1.5rem}.export-summary h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:900;letter-spacing:-.5px;margin-bottom:1rem;text-transform:uppercase}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-value{color:#fffffff2;font-size:1.5rem;font-weight:700}.export-preview{margin-bottom:1.5rem}.export-preview h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900;letter-spacing:-.5px;margin-bottom:1rem;text-transform:uppercase}.preview-table{border:1px solid #6366f133;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #ffffff0d;overflow-x:auto}.preview-table table{background:#1129;border-collapse:collapse;font-size:.9rem;width:100%}.preview-table th{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-bottom:2px solid #6366f166;color:#fffffff2;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:.75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.preview-table td{border-bottom:1px solid #6366f133;color:#fffc;padding:.75rem}.preview-table tr:hover{background:#6366f11a;transition:all .3s ease}.export-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button,.export-button{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.cancel-button{background:#112c;border:2px solid #6366f14d;color:#fffc}.cancel-button:hover{background:#111122f2;border-color:#6366f1;box-shadow:0 0 20px #6366f14d;transform:translateY(-2px)}.export-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166;color:#fff}.export-button:hover:not(:disabled){box-shadow:0 8px 30px #6366f199,0 0 40px #8b5cf666;transform:translateY(-3px)}.export-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.notification-settings{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.notification-settings h2{color:#2c3e50;font-size:24px;margin:0 0 8px}.notification-description{color:#7f8c8d;font-size:14px;margin:0 0 24px}.notification-form{display:flex;flex-direction:column;gap:20px}.email-input-group{display:flex;flex-direction:column;gap:8px}.email-input-group label{color:#2c3e50;font-size:14px;font-weight:600}.email-input-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s}.email-input-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.email-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.preferences-group{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.preferences-group h3{color:#2c3e50;font-size:16px;margin:0 0 8px}.preferences-description{color:#6c757d;font-size:13px;margin:0 0 16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.checkbox-label:hover{background:#3498db0d}.checkbox-label input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-text{color:#495057;flex:1 1;font-size:14px;line-height:1.5}.checkbox-text strong{color:#2c3e50;display:block;margin-bottom:2px}.notification-message{border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px}.notification-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.button-group{display:flex;flex-wrap:wrap;gap:12px}.button-group button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:150px;padding:12px 24px;transition:all .2s}.subscribe-button{background:#3498db;color:#fff}.subscribe-button:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-1px)}.unsubscribe-button{background:#e74c3c;color:#fff}.unsubscribe-button:hover:not(:disabled){background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.button-group button:disabled{cursor:not-allowed;opacity:.6;transform:none}.notification-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px}.notification-info p{color:#856404;font-size:13px;line-height:1.5;margin:0}.notification-info strong{font-weight:600}@media (max-width:768px){.notification-settings{padding:16px}.button-group{flex-direction:column}.button-group button{width:100%}}.shortcuts-help-overlay{align-items:center;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.shortcuts-help-modal{animation:slideUpScale .5s cubic-bezier(.4,0,.2,1);background:#111122f2;border:1px solid #6366f14d;border-radius:32px;box-shadow:0 32px 96px #00000080,inset 0 1px 0 #ffffff1a;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.shortcuts-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 20px #6366f166;color:#fff;display:flex;justify-content:space-between;padding:2rem 2.5rem}.shortcuts-header h2{font-size:2rem;font-weight:900;letter-spacing:-.5px;margin:0;text-transform:uppercase}.shortcuts-list{background:#0a0a1a80;max-height:calc(85vh - 120px);overflow-y:auto;padding:2.5rem}.shortcut-item{align-items:center;background:#1111224d;border-bottom:1px solid #6366f133;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.shortcut-item:hover{background:#6366f11a;border-color:#6366f180;box-shadow:0 4px 20px #6366f133,inset 0 1px 0 #ffffff0d;transform:translateX(8px)}.shortcut-item:last-child{border-bottom:none}.shortcut-key{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #8b5cf64d;border-radius:12px;box-shadow:0 4px 12px #6366f166,inset 0 1px 2px #fff3;color:#fff;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.95rem;font-weight:700;letter-spacing:1px;min-width:120px;padding:.625rem 1.25rem;text-align:center;text-transform:uppercase}.shortcut-description{color:#ffffffd9;flex:1 1;font-size:1.05rem;font-weight:600;letter-spacing:.3px;margin-left:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpScale{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shortcuts-list::-webkit-scrollbar{width:10px}.shortcuts-list::-webkit-scrollbar-track{background:#11112280;border-radius:10px}.shortcuts-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #11112280;border-radius:10px}.shortcuts-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
/*# sourceMappingURL=main.a804b3bb.css.map*/