@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@font-face{font-family:IconFont;src:url(data:font/woff2;base64,) format("woff2")}[class^=icon-],[class*=" icon-"]{font-family:Lucida Console,Monaco,Courier New,monospace;font-style:normal;font-weight:400;line-height:1;display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dashboard:before{content:"\2b1c"}.icon-inventory:before{content:"\1f4e6"}.icon-shopping-cart:before{content:"\1f6d2"}.icon-people:before{content:"\1f465"}.icon-store:before{content:"\1f3ea"}.icon-analytics:before{content:"\1f4ca"}.icon-campaign:before{content:"\1f4e2"}.icon-settings:before{content:"\2699\fe0f"}.icon-list:before{content:"\1f4cb"}.icon-add:before{content:"\2795"}.icon-category:before{content:"\1f3f7\fe0f"}.icon-warehouse:before{content:"\1f3e2"}.icon-pending:before{content:"\23f3"}.icon-sync:before{content:"\1f504"}.icon-shipping:before{content:"\1f69a"}.icon-check-circle:before{content:"\2705"}.icon-person-add:before{content:"\1f464\2795"}.icon-group:before{content:"\1f46b"}.icon-add-business:before{content:"\1f3e2\2795"}.icon-pending-actions:before{content:"\23f8\fe0f"}.icon-trending-up:before{content:"\1f4c8"}.icon-monetization:before{content:"\1f4b0"}.icon-people-outline:before{content:"\1f465"}.icon-inventory-2:before{content:"\1f4e6"}.icon-local-offer:before{content:"\1f3ab"}.icon-confirmation-number:before{content:"\1f39f\fe0f"}.icon-email:before{content:"\2709\fe0f"}.icon-tune:before{content:"\1f39b\fe0f"}.icon-admin-panel:before{content:"\1f468\200d\1f4bc"}.icon-payment:before{content:"\1f4b3"}.icon-local-shipping:before{content:"\1f69b"}.icon-receipt:before{content:"\1f9fe"}.icon-menu:before{content:"\2630"}.icon-search:before{content:"\1f50d"}.icon-bell:before{content:"\1f514"}.icon-help-circle:before{content:"\2753"}.icon-user:before{content:"\1f464"}.icon-log-out:before{content:"\1f6aa"}.icon-chevron-down:before{content:"\25bc"}.icon-chevron-up:before{content:"\25b2"}.icon-chevron-right:before{content:"\25b6"}.icon-chevron-left:before{content:"\25c0"}.icon-eye:before{content:"\1f441\fe0f"}.icon-eye-off:before{content:"\1f648"}.icon-info:before{content:"\2139\fe0f"}.icon-close:before{content:"\2716\fe0f"}.icon-check:before{content:"\2713"}.icon-edit:before{content:"\270f\fe0f"}.icon-delete:before{content:"\1f5d1\fe0f"}.icon-download:before{content:"\2b07\fe0f"}.icon-upload:before{content:"\2b06\fe0f"}.icon-filter:before{content:"\1f53d"}.icon-sort:before{content:"\1f500"}.icon-refresh:before{content:"\1f504"}.icon-copy:before{content:"\1f4cb"}.icon-share:before{content:"\1f4e4"}.icon-print:before{content:"\1f5a8\fe0f"}.icon-save:before{content:"\1f4be"}.icon-heart:before{content:"\2764\fe0f"}.icon-star:before{content:"\2b50"}.icon-flag:before{content:"\1f6a9"}.icon-bookmark:before{content:"\1f516"}.icon-calendar:before{content:"\1f4c5"}.icon-clock:before{content:"\1f550"}.icon-location:before{content:"\1f4cd"}.icon-phone:before{content:"\1f4de"}.icon-mail:before{content:"\1f4e7"}.icon-globe:before{content:"\1f310"}.icon-link:before{content:"\1f517"}.icon-external-link:before{content:"\1f517"}.icon-home:before{content:"\1f3e0"}.icon-building:before{content:"\1f3e2"}.icon-car:before{content:"\1f697"}.icon-plane:before{content:"\2708\fe0f"}.icon-ship:before{content:"\1f6a2"}.icon-train:before{content:"\1f682"}.icon-success:before{content:"\2705";color:var(--success-color)}.icon-error:before{content:"\274c";color:var(--error-color)}.icon-warning:before{content:"\26a0\fe0f";color:var(--warning-color)}.icon-info-status:before{content:"\2139\fe0f";color:var(--info-color)}.icon-sm{font-size:14px}.icon-md{font-size:18px}.icon-lg{font-size:24px}.icon-xl{font-size:32px}.icon-primary{color:var(--primary-color)}.icon-secondary{color:var(--secondary-color)}.icon-success{color:var(--success-color)}.icon-warning{color:var(--warning-color)}.icon-error{color:var(--error-color)}.icon-info{color:var(--info-color)}.icon-muted{color:var(--text-tertiary)}.icon-white{color:#fff}.icon-spin{animation:iconSpin 2s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-bounce{animation:iconBounce 1s ease infinite}@keyframes iconBounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.icon-pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.5}}.icon-hover-grow{transition:transform .2s ease}.icon-hover-grow:hover{transform:scale(1.2)}.icon-hover-rotate{transition:transform .3s ease}.icon-hover-rotate:hover{transform:rotate(180deg)}.btn-with-icon{display:inline-flex;align-items:center;gap:8px}.btn-with-icon [class^=icon-],.btn-with-icon [class*=" icon-"]{font-size:16px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--background-secondary)}.btn-icon [class^=icon-],.btn-icon [class*=" icon-"]{font-size:18px}.list-with-icons{list-style:none;padding:0}.list-with-icons li{display:flex;align-items:center;gap:12px;padding:8px 0}.list-with-icons [class^=icon-],.list-with-icons [class*=" icon-"]{font-size:16px;min-width:16px}@media (max-width: 768px){[class^=icon-],[class*=" icon-"]{font-size:16px}.icon-sm{font-size:12px}.icon-md{font-size:16px}.icon-lg{font-size:20px}.icon-xl{font-size:24px}}@media (prefers-color-scheme: dark){[class^=icon-],[class*=" icon-"]{filter:brightness(1.2)}}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #ec4899;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--background-dark: #0f172a;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,Roboto,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed;color:var(--text-primary)}*,*:before,*:after{transition:all .2s cubic-bezier(.4,0,.2,1)}.mat-toolbar.mat-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:var(--background-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.mat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.mat-button,.mat-raised-button,.mat-stroked-button{border-radius:var(--radius-md);font-weight:500;letter-spacing:.5px;text-transform:none}.mat-raised-button{box-shadow:var(--shadow-md)}.mat-raised-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.mat-form-field{font-family:Inter,sans-serif}.mat-form-field-appearance-outline .mat-form-field-outline{border-radius:var(--radius-md);border-color:var(--border-color)}.mat-form-field-appearance-outline:hover .mat-form-field-outline{border-color:var(--border-hover)}.mat-card-header{padding-bottom:16px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.mat-card-title{font-weight:600;color:var(--text-primary);font-size:1.25rem}.mat-card-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.success-snackbar{background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%)!important;color:#fff!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.error-snackbar{background:linear-gradient(135deg,var(--error-color) 0%,#dc2626 100%)!important;color:#fff!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.warning-snackbar{background:linear-gradient(135deg,var(--warning-color) 0%,#d97706 100%)!important;color:#fff!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.info-snackbar{background:linear-gradient(135deg,var(--info-color) 0%,#2563eb 100%)!important;color:#fff!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.full-width{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.margin-bottom-16{margin-bottom:16px}.margin-top-16{margin-top:16px}.padding-16{padding:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-up{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-down{animation:slideInDown .5s cubic-bezier(.4,0,.2,1)}@keyframes slideInDown{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}.scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.scale-in-center{animation:scaleInCenter .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleInCenter{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.rotate-in{animation:rotateIn .6s cubic-bezier(.4,0,.2,1)}@keyframes rotateIn{0%{transform:rotate(-180deg) scale(.8);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.bounce-in{animation:bounceIn .8s cubic-bezier(.25,.46,.45,.94)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:.8}70%{transform:scale(.9);opacity:1}to{transform:scale(1);opacity:1}}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #6366f166}to{box-shadow:0 0 30px #6366f199,0 0 40px #8b5cf666}}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.stagger-in>*{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) both}.stagger-in>*:nth-child(1){animation-delay:.1s}.stagger-in>*:nth-child(2){animation-delay:.2s}.stagger-in>*:nth-child(3){animation-delay:.3s}.stagger-in>*:nth-child(4){animation-delay:.4s}.stagger-in>*:nth-child(5){animation-delay:.5s}.stagger-in>*:nth-child(6){animation-delay:.6s}.stagger-in>*:nth-child(7){animation-delay:.7s}.stagger-in>*:nth-child(8){animation-delay:.8s}.page-enter{animation:pageEnter .5s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-leave{animation:pageLeave .3s cubic-bezier(.4,0,.2,1)}@keyframes pageLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.glass{background:rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.18)}.gradient-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.gradient-success{background:linear-gradient(135deg,var(--success-color) 0%,#059669 100%)}.gradient-warning{background:linear-gradient(135deg,var(--warning-color) 0%,#d97706 100%)}.gradient-error{background:linear-gradient(135deg,var(--error-color) 0%,#dc2626 100%)}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 20px #6366f14d}.hover-slide{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-slide:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.hover-slide:hover:before{left:100%}.btn-interactive{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-interactive:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)}.btn-interactive:hover:before{width:300px;height:300px}.btn-interactive:active{transform:scale(.95)}.focus-ring{transition:all .2s cubic-bezier(.4,0,.2,1)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #6366f14d;border-color:var(--primary-color)}.loading-dots:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(99,102,241,.2);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltip-enhanced{position:relative}.tooltip-enhanced:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:var(--radius-md);font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-enhanced:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.tooltip-enhanced:hover:before,.tooltip-enhanced:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-indeterminate{position:relative;overflow:hidden}.progress-indeterminate:before{content:"";position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;animation:progressIndeterminate 2s infinite}@keyframes progressIndeterminate{0%{left:-30%}50%{left:50%}to{left:100%}}.card-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.card-interactive:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.card-interactive:active{transform:translateY(-4px);transition:transform .1s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){body{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}.hover-lift:hover,.card-interactive:hover{transform:translateY(-2px)}@media (hover: none){.hover-lift:hover,.hover-scale:hover,.hover-glow:hover,.card-interactive:hover{transform:none;box-shadow:initial}}}