:root{--bg-primary:#000;--bg-secondary:#050505;--bg-tertiary:#0a0a0a;--text-primary:#fffffff2;--text-secondary:#fff9;--text-tertiary:#fff6;--border-color:#ffffff0f;--glass-bg:#ffffff03;--glass-border:#ffffff14;--accent:#fff;--accent-hover:#ffffffe6;--shadow-sm:0 4px 24px #0006;--shadow-md:0 8px 40px #0009;--shadow-lg:0 20px 60px #000c;--blur-strength:50px;--blur-strong:80px;--glow:0 0 80px #ffffff0d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fffffff2;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}body:before{background:radial-gradient(ellipse at top left,#7877c626,#0000 50%),radial-gradient(ellipse at bottom right,#ff77c61a,#0000 50%),radial-gradient(ellipse at center,#64c8ff14,#0000 70%);bottom:0;content:"";left:0;right:0;top:0}@supports not (padding-top:env(safe-area-inset-top)){body{padding:0}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glass-card{backdrop-filter:blur(80px) saturate(200%);backdrop-filter:blur(var(--blur-strong)) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(200%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:24px;box-shadow:inset 0 0 0 .5px #ffffff1a,0 10px 40px #00000080,0 0 80px #ffffff0d;box-shadow:inset 0 0 0 .5px #ffffff1a,0 10px 40px #00000080,var(--glow);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.glass-card:hover{background:#ffffff08;border-color:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff26,0 20px 60px #000000b3,0 0 120px #ffffff14;transform:translateY(-4px) scale(1.01)}.glass-button{backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);border:.5px solid #ffffff14;border-radius:16px;box-shadow:inset 0 0 0 .5px #ffffff1a,0 2px 8px #0000004d;color:#fffffff2;color:var(--text-primary);font-size:15px;letter-spacing:.01em;overflow:hidden;padding:14px 28px;position:relative;text-transform:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.glass-button:hover{box-shadow:inset 0 0 0 .5px #ffffff26,0 4px 16px #0006}.glass-button:hover:before{left:100%}.glass-button:active{transform:scale(.98) translateY(0)}.nav-bar{backdrop-filter:blur(80px) saturate(200%);backdrop-filter:blur(var(--blur-strong)) saturate(200%);-webkit-backdrop-filter:blur(80px) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(200%);background:#0000004d;border-bottom:.5px solid #ffffff0f;box-shadow:inset 0 1px 0 #ffffff0d;position:-webkit-sticky;position:sticky;top:0;z-index:1000}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}h1,h2,h3,h4,h5,h6{color:#fffffff2;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}h1{font-size:48px;line-height:1.1}h2{font-size:36px;line-height:1.2}h3{font-size:28px;line-height:1.3}h4{font-size:22px;line-height:1.4}h5{font-size:18px}h5,h6{line-height:1.5}h6,p{font-size:16px}p{color:#fff9;color:var(--text-secondary);line-height:1.6}a{color:#fff;color:var(--accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.MuiPaper-root{backdrop-filter:blur(80px) saturate(180%)!important;backdrop-filter:blur(var(--blur-strong)) saturate(180%)!important;-webkit-backdrop-filter:blur(80px) saturate(180%)!important;-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(180%)!important;background:#ffffff03!important;border:.5px solid #ffffff0f!important;border-radius:24px!important;box-shadow:inset 0 0 0 .5px #ffffff14,0 10px 40px #00000080!important;color:#fffffff2!important;color:var(--text-primary)!important;overflow:hidden}.MuiButton-root{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px!important;font-weight:500!important;padding:10px 20px!important;text-transform:none!important}.MuiButton-contained{backdrop-filter:blur(40px) saturate(150%)!important;-webkit-backdrop-filter:blur(40px) saturate(150%)!important;background:#ffffff05!important;border:.5px solid #ffffff14!important;box-shadow:inset 0 0 0 .5px #ffffff1a,0 2px 8px #0000004d!important;color:#fffffff2!important;color:var(--text-primary)!important}.MuiButton-contained:hover{background:#ffffff0d!important;box-shadow:inset 0 0 0 .5px #ffffff26,0 4px 16px #0006!important}.MuiTextField-root .MuiOutlinedInput-root{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff03;background:var(--glass-bg);border-radius:12px}.MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#ffffff14;border-color:var(--glass-border)}.MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#ffffff4d}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#fff;border-color:var(--accent)}.MuiTextField-root .MuiInputLabel-root{color:#fff9;color:var(--text-secondary)}.MuiTextField-root .MuiOutlinedInput-input{color:#fffffff2;color:var(--text-primary)}.fade-in{animation:fadeIn .6s ease-out}:focus{border-radius:8px;box-shadow:0 0 0 2px #fff3;outline:none}a:focus,button:focus{box-shadow:0 0 0 3px #ffffff4d}.glass-dashboard{min-height:100vh;padding:80px 20px 20px}.glass-nav{backdrop-filter:blur(100px) saturate(200%);-webkit-backdrop-filter:blur(100px) saturate(200%);background:rgba(0,0,0,.001);border-bottom:.5px solid #ffffff0f;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 40px #0003;margin:-20px -20px 40px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.glass-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.glass-nav h1{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}.glass-nav-actions{align-items:center;display:flex;gap:12px}.glass-search-container{margin:0 auto 40px;max-width:1400px}.glass-search{backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:20px;box-shadow:inset 0 0 0 .5px #ffffff14,0 8px 32px #0006;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-search:before{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-search:hover{background:#ffffff05;border-color:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff1f,0 12px 40px #00000080;transform:scale(1.01)}.glass-welcome{margin:0 auto 40px;max-width:1400px;text-align:center}.glass-welcome h2{-webkit-text-fill-color:#0000;animation:glow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#fff9 50%,#c8c8ffcc);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(255,255,255,.1));font-size:48px;font-weight:700;letter-spacing:-1.5px;margin-bottom:16px}@keyframes glow{0%{filter:drop-shadow(0 2px 10px rgba(255,255,255,.1))}to{filter:drop-shadow(0 2px 20px rgba(255,255,255,.2))}}.glass-welcome p{color:#ffffff80;font-size:18px;font-weight:400;text-shadow:0 1px 2px #0000004d}.glass-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding-bottom:40px}.glass-card-wrapper{position:relative;transform-style:preserve-3d;transition:transform .3s ease}.glass-card-wrapper:hover{transform:translateY(-8px) scale(1.02)}.glass-dashboard-card{backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 60px #0006,0 0 80px #0003;cursor:pointer;display:flex;flex-direction:column;height:220px;justify-content:space-between;overflow:hidden;padding:32px;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1)}.glass-dashboard-card.liquid-glass{backdrop-filter:blur(40px) saturate(120%);-webkit-backdrop-filter:blur(40px) saturate(120%);background:linear-gradient(135deg,#ffffff05,#ffffff03 40%,hsla(0,0%,100%,.005));border:.5px solid #ffffff2e;box-shadow:inset 0 0 0 .5px #fff3,inset 0 1px 0 0 #ffffff4d,inset 0 -1px 0 0 #ffffff1a,0 20px 40px #0003,0 10px 20px #00000026}.liquid-glass-overlay{z-index:0}.liquid-glass-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.glass-dashboard-card.liquid-glass:hover{border-color:#ffffff40;box-shadow:inset 0 0 0 .5px #ffffff4d,inset 0 1px 0 0 #fff6,0 25px 50px #00000040,0 15px 30px #0003;transform:translateY(-6px) scale(1.01)}.glass-card-icon{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:.5px solid #ffffff26;border-radius:20px;box-shadow:inset 0 0 0 .5px #ffffff1a,0 4px 12px #0003;display:flex;height:64px;justify-content:center;margin-bottom:24px;position:relative;transition:all .3s ease;width:64px;z-index:1}.glass-dashboard-card:hover .glass-card-icon{background:#ffffff0d;transform:scale(1.1) rotate(5deg)}.glass-card-icon svg{color:#ffffffb3;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:32px;width:32px}.glass-card-content{position:relative;z-index:1}.glass-card-title{color:#fffffff2;font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px;text-shadow:0 2px 4px #0000004d}.glass-card-description{color:#fff6;font-size:15px;font-weight:400;line-height:1.4}.glass-fab{align-items:center;backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:#ffffff05;border:.5px solid #ffffff1a;border-radius:50%;bottom:32px;box-shadow:inset 0 0 0 .5px #ffffff1f,0 12px 40px #00000080,0 0 80px #ffffff05;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:32px;transition:all .4s cubic-bezier(.16,1,.3,1);width:64px}.glass-fab:hover{background:#ffffff0a;box-shadow:inset 0 0 0 .5px #ffffff26,0 16px 50px #0009,0 0 100px #ffffff0a;transform:scale(1.1) rotate(90deg)}.glass-fab svg{color:#fff;height:28px;width:28px}@media (max-width:768px){.glass-dashboard{padding:0}.glass-nav{border-radius:0;margin:0;padding:16px}.glass-welcome{margin-bottom:30px;padding:0 20px}.glass-welcome h2{font-size:32px}.glass-welcome p{font-size:16px}.glass-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:0 20px 20px}.glass-dashboard-card{height:160px;padding:24px}.glass-card-icon{height:48px;margin-bottom:16px;width:48px}.glass-card-icon svg{height:28px;width:28px}.glass-card-title{font-size:18px}.glass-card-description{font-size:13px}.glass-search-container{margin-bottom:30px;padding:0 20px}}.glass-dashboard-card{animation:slideIn .6s ease-out backwards}.glass-dashboard-card:first-child{animation-delay:.1s}.glass-dashboard-card:nth-child(2){animation-delay:.15s}.glass-dashboard-card:nth-child(3){animation-delay:.2s}.glass-dashboard-card:nth-child(4){animation-delay:.25s}.glass-dashboard-card:nth-child(5){animation-delay:.3s}.glass-dashboard-card:nth-child(6){animation-delay:.35s}.glass-dashboard-card:nth-child(7){animation-delay:.4s}.glass-dashboard-card:nth-child(8){animation-delay:.45s}.glass-ai-card{backdrop-filter:blur(40px) saturate(120%);-webkit-backdrop-filter:blur(40px) saturate(120%);background:#ffffff03;border:.5px solid #ffffff2e;border-radius:28px;cursor:pointer;overflow:hidden;padding:28px;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1)}.glass-ai-card.liquid-glass{background:linear-gradient(135deg,#ffffff05,#ffffff03 40%,hsla(0,0%,100%,.005));box-shadow:inset 0 0 0 .5px #fff3,inset 0 1px 0 0 #ffffff4d,inset 0 -1px 0 0 #ffffff1a,0 20px 40px #0003,0 10px 20px #00000026}@keyframes glassShine{0%,to{transform:translateX(-100%) translateY(-100%)}25%{transform:translateX(100%) translateY(100%)}25.01%,to{transform:translateX(-100%) translateY(-100%)}}@keyframes glassRefraction{0%,to{opacity:.6;transform:translate(0) scale(1)}50%{opacity:.3;transform:translate(-20%,20%) scale(1.2)}}@keyframes glassFloat{0%,to{transform:translateY(0) perspective(1000px) rotateX(0deg)}50%{transform:translateY(-3px) perspective(1000px) rotateX(1deg)}}.glass-ai-card:hover{border-color:#ffffff40;box-shadow:inset 0 0 0 .5px #ffffff4d,inset 0 1px 0 0 #fff6,0 25px 50px #00000040,0 15px 30px #0003;transform:translateY(-6px) scale(1.01)}.glass-ai-card:hover .ai-card-icon{background:#ffffff08;transform:scale(1.05)}.ai-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ai-card-icon{border-radius:12px;box-shadow:0 2px 8px #0000001a,inset 0 0 12px #ffffff0d;color:#fffc;height:44px;justify-content:center;transition:all .6s cubic-bezier(.16,1,.3,1);width:44px}.ai-card-badge,.ai-card-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:.5px solid #ffffff26;display:flex}.ai-card-badge{border-radius:20px;color:#ffffffb3;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.ai-card-title{color:#fffffff2;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.ai-card-subtitle{color:#ffffff80;font-size:13px;margin:0 0 20px}.ai-card-stats{display:flex;gap:16px;margin-bottom:20px}.ai-stat{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff03;border:.5px solid #ffffff0a;border-radius:12px;display:flex;flex:1 1;gap:10px;padding:12px;transition:all .3s ease}.ai-stat:hover{background:#ffffff05;transform:translateY(-2px)}.ai-stat-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ai-stat-icon.confidence,.ai-stat-icon.opportunities{background:#ffffff05;border:.5px solid #ffffff26;color:#ffffffb3}.ai-stat-info{display:flex;flex-direction:column;gap:2px}.ai-stat-value{color:#fffffff2;font-size:18px;font-weight:700;letter-spacing:-.5px}.ai-stat-label{color:#fff6;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.ai-prediction-preview{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff03;border:.5px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:14px}.ai-prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ai-prediction-label{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.ai-prediction-value{color:#ffffffe6;font-size:16px;font-weight:600}.ai-prediction-bar{background:#ffffff0d;height:6px}.ai-prediction-bar,.ai-prediction-fill{border-radius:3px;overflow:hidden;position:relative}.ai-prediction-fill{background:linear-gradient(90deg,#ffffff4d,#fff3);height:100%;transition:width .6s ease}.ai-next-action{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff03;border:.5px solid #ffffff0a;border-radius:10px;margin-bottom:16px;padding:10px 12px}.ai-action-label{color:#fff6;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.ai-action-text{color:#fffc;font-size:13px;line-height:1.4}.ai-card-footer{align-items:center;border-top:.5px solid #ffffff0f;color:#ffffffb3;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding-top:16px;transition:all .3s ease}.glass-ai-card:hover .ai-card-footer{color:#ffffffe6;transform:translateX(4px)}@media (max-width:768px){.glass-ai-card{border-radius:24px;padding:24px}.ai-card-title{font-size:20px}.ai-card-stats{flex-direction:column;gap:12px}}.glass-inventory-card{backdrop-filter:blur(40px) saturate(120%);-webkit-backdrop-filter:blur(40px) saturate(120%);background:#ffffff03;border:.5px solid #ffffff2e;border-radius:28px;cursor:pointer;overflow:hidden;padding:28px;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1)}.glass-inventory-card.liquid-glass{background:linear-gradient(135deg,#ffffff05,#ffffff03 40%,hsla(0,0%,100%,.005));box-shadow:inset 0 0 0 .5px #fff3,inset 0 1px 0 0 #ffffff4d,inset 0 -1px 0 0 #ffffff1a,0 20px 40px #0003,0 10px 20px #00000026}.liquid-glass-overlay{background:linear-gradient(105deg,#0000 40%,#ffffff12 45%,#ffffff0d 50%,#0000 54%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.liquid-glass-overlay:before{background:radial-gradient(circle at center,#ffffff14 0,#0000 70%);content:"";height:100%;opacity:.6;position:absolute;right:-50%;top:-50%;width:100%}.liquid-glass-overlay:after{background:linear-gradient(180deg,#ffffff40,#ffffff26 20%,#ffffff0d 50%,#0000);border-radius:28px 28px 100px 100px/28px 28px 40px 40px;content:"";height:120px;left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}.liquid-glass-content{position:relative;z-index:1}.glass-inventory-card:hover{border-color:#ffffff40;box-shadow:inset 0 0 0 .5px #ffffff4d,inset 0 1px 0 0 #fff6,0 25px 50px #00000040,0 15px 30px #0003;transform:translateY(-6px) scale(1.01)}.glass-inventory-card:hover .inventory-card-icon{background:#ffffff08;transform:scale(1.05)}.inventory-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.inventory-card-icon{background:#ffffff05;border:.5px solid #ffffff26;border-radius:12px;box-shadow:0 2px 8px #0000001a,inset 0 0 12px #ffffff0d;color:#fffc;height:44px;justify-content:center;transition:all .6s cubic-bezier(.16,1,.3,1);width:44px}.inventory-card-badge,.inventory-card-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex}.inventory-card-badge{background:#ff77001a;border:.5px solid #f703;border-radius:20px;color:#ffb300e6;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.inventory-card-title{color:#fffffff2;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.inventory-card-subtitle{color:#ffffff80;font-size:13px;margin:0 0 20px}.inventory-stats-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.inventory-stat-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff03;border:.5px solid #ffffff14;border-radius:10px;padding:10px}.stat-label{color:#fff6;font-size:11px;margin-bottom:4px}.stat-value{align-items:center;color:#ffffffe6;display:flex;font-size:18px;justify-content:space-between}.stat-status{align-items:center;border-radius:50%;display:inline-flex;height:20px;justify-content:center;width:20px}.stat-status.ok{background:#43e97b26;color:#43e97be6}.stat-status.low{background:#ffb30026;color:#ffb300e6}.stat-status.critical{background:#f5576c26;color:#f5576ce6}.inventory-alert{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ff77000d;border:.5px solid #ff770026;border-radius:10px;color:#ffb300e6;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px}.inventory-bottom-stats{align-items:center;border-top:.5px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 0}.bottom-stat{align-items:center;color:#fff9;display:flex;font-size:12px;gap:6px}.total-items{color:#fffc;font-weight:600}.inventory-card-footer{align-items:center;border-top:.5px solid #ffffff0f;color:#ffffffb3;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding-top:16px;transition:all .3s ease}.glass-inventory-card:hover .inventory-card-footer{color:#ffffffe6;transform:translateX(4px)}@media (max-width:768px){.glass-inventory-card{border-radius:24px;padding:24px}.inventory-card-title{font-size:20px}.inventory-stats-grid{gap:8px}}.glass-customers-container{min-height:100vh;padding:20px;position:relative}.glass-customers-header{backdrop-filter:blur(100px) saturate(200%);-webkit-backdrop-filter:blur(100px) saturate(200%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:24px;box-shadow:inset 0 0 0 .5px #ffffff14,0 8px 32px #0006;margin-bottom:32px;overflow:hidden;padding:24px 32px;position:relative}.glass-customers-header:before{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.glass-header-left{align-items:center;display:flex;gap:16px}.glass-back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:48px}.glass-back-button:hover{background:#ffffff1a;box-shadow:0 4px 12px #0000004d;transform:translateX(-2px)}.glass-header-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.glass-header-count{background:#ffffff1a;border-radius:20px;color:#ffffffb3;font-size:14px;font-weight:500;padding:6px 12px}.glass-header-actions{display:flex;gap:12px}.glass-action-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-action-button:hover{background:#ffffff1a;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.glass-action-button.primary{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff3}.glass-action-button.primary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a)}.glass-search-section{margin-bottom:32px}.glass-search-box{align-items:center;backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:20px;box-shadow:inset 0 0 0 .5px #ffffff14,0 8px 32px #0000004d;display:flex;margin-bottom:20px;padding:20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-search-box:focus-within{background:#ffffff08;border-color:#ffffff26;transform:scale(1.01)}.glass-search-icon{color:#ffffff80;margin-right:12px}.glass-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;font-weight:400;outline:none}.glass-search-input::placeholder{color:#fff6}.glass-search-clear{background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;font-size:18px;height:32px;transition:all .2s;width:32px}.glass-search-clear:hover{background:#ffffff26;color:#fff}.glass-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.glass-filter-chips{display:flex;gap:8px}.glass-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.glass-chip:hover{background:#ffffff14;color:#fff}.glass-chip.active{background:#ffffff26;border-color:#ffffff4d;color:#fff}.glass-sort-dropdown{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;display:flex;gap:8px;padding:8px 16px}.glass-sort-select{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;outline:none}.glass-sort-select option{background:#2a2a2a}.glass-customers-list{display:flex;flex-direction:column;gap:16px}.glass-customer-card{backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:20px;box-shadow:inset 0 0 0 .5px #ffffff14,0 4px 24px #0000004d;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-customer-card:before{background:radial-gradient(circle at 50% 50%,#ffffff0f 0,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff0f 0,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.glass-customer-card:hover{background:#ffffff08;border-color:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff1f,0 12px 40px #0006;transform:translateY(-4px) scale(1.01)}.glass-customer-card:hover:before{opacity:1}.glass-customer-content{align-items:flex-start;display:flex;gap:20px}.glass-customer-avatar{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:16px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.glass-customer-info{flex:1 1;min-width:0}.glass-customer-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.glass-customer-name{color:#fff;font-size:18px;font-weight:600;margin:0}.glass-customer-number{color:#ffffff80;font-size:14px;font-weight:500}.glass-status-indicator{border-radius:50%;height:8px;margin-left:auto;width:8px}.glass-status-indicator.active{background:#4caf50;box-shadow:0 0 8px #4caf5099}.glass-status-indicator.pending{background:#ff9800;box-shadow:0 0 8px #ff980099}.glass-status-indicator.urgent{background:#f44336;box-shadow:0 0 8px #f4433699}.glass-status-indicator.completed{background:#9e9e9e}.glass-customer-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.glass-detail-item{align-items:center;color:#fffc;display:flex;font-size:14px;gap:6px}.glass-detail-item svg{color:#ffffff80;height:16px;width:16px}.glass-customer-addresses{align-items:center;color:#ffffffb3;display:flex;font-size:14px;gap:8px;margin-top:8px}.glass-customer-addresses svg{color:#ffffff80;flex-shrink:0;height:16px;width:16px}.glass-customer-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.glass-import-date{color:#fff6;font-size:12px}.glass-quote-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.glass-quote-button:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.glass-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.glass-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#ffffff80;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.glass-empty-state{color:#ffffffb3;padding:80px 20px;text-align:center}.glass-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.glass-empty-state h3{color:#fff;font-size:24px;margin:0 0 8px}.glass-empty-state p{font-size:16px;margin:0}@media (max-width:768px){.glass-customers-container{padding:12px}.glass-customers-header{border-radius:16px;padding:16px}.glass-header-content{align-items:flex-start;flex-direction:column}.glass-header-left{width:100%}.glass-header-title{font-size:24px}.glass-header-actions{justify-content:space-between;width:100%}.glass-action-button span{display:none}.glass-customer-card{border-radius:16px;padding:16px}.glass-customer-content{flex-direction:column}.glass-customer-actions{align-items:center;border-top:1px solid #ffffff0d;flex-direction:row;justify-content:space-between;margin-top:12px;padding-top:12px;width:100%}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#0000!important;min-height:100vh!important;position:relative!important}.gradient-ruempel-1{background:linear-gradient(120deg,#4a5568,#a0616a 50%,#d98080)!important}.gradient-ruempel-2{background:linear-gradient(45deg,#5c6f82,#8e5f6f 25%,#b97575 50%,#e08888 75%,#f5a0a0)!important}.MuiContainer-root,.main-content,main{background:#0000!important}.app-logo,.brand-logo,.logo-container{left:50%!important;opacity:.15!important;pointer-events:none!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:0!important}.MuiAppBar-root,.app-header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-bottom:1px solid #fff3!important}.logo-text{font-family:Arial Black,sans-serif!important;font-weight:900!important;text-align:center!important;-webkit-user-select:none!important;user-select:none!important}.logo-text-ruempel{color:#e74c3c!important}.logo-text-ruempel,.logo-text-schmiede{display:block!important;font-size:72px!important;text-shadow:3px 3px 6px #0000004d!important}.logo-text-schmiede{color:#34495e!important}.logo-hammer{display:inline-block!important;height:80px!important;margin-left:20px!important;vertical-align:middle!important;width:80px!important}.MuiCard-root,.MuiPaper-root{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border:1px solid #ffffff4d!important;box-shadow:0 8px 32px #0000001a!important;margin-bottom:20px!important}.MuiCard-root:hover{background:#fffffffa!important;box-shadow:0 12px 40px #00000026!important}.MuiTypography-root{color:#2c3e50!important}.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6{color:#1a1a1a!important;font-weight:700!important}.MuiButton-contained,.MuiButton-containedPrimary{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;box-shadow:0 4px 15px #e74c3c4d!important;color:#fff!important;font-weight:600!important;letter-spacing:1px!important;text-transform:uppercase!important}.MuiButton-contained:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 6px 20px #e74c3c66!important;transform:translateY(-2px)!important}.MuiButton-outlined{background:#ffffffe6!important;border:2px solid #34495e!important;color:#34495e!important;font-weight:600!important}.MuiButton-outlined:hover{background:#34495e!important;color:#fff!important}.MuiTextField-root .MuiOutlinedInput-root{background:#fffffff2!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#e74c3c!important;border-width:2px!important}.MuiChip-root{background:#ffffffe6!important;border:1px solid #34495e4d!important}.MuiChip-colorPrimary{background:#e74c3c!important;border:none!important;color:#fff!important}.MuiAvatar-root{box-shadow:0 4px 10px #e74c3c4d!important;font-weight:700!important}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e74c3c,#34495e);border:2px solid #fff3;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c0392b,#2c3e50)}body:before{color:#e74c3c14;content:"Rümpel";top:45%}body:after,body:before{font-family:Arial Black,sans-serif;font-size:120px;font-weight:900;left:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%) rotate(-15deg);z-index:0}body:after{color:#34495e14;content:"Schmiede";top:55%}body:after,body:before{animation:float 6s ease-in-out infinite}body:after{animation-delay:3s}.MuiLinearProgress-root{background:#34495e33!important}.MuiLinearProgress-bar{background:linear-gradient(90deg,#e74c3c,#c0392b)!important}#root,#root>div>div,.customer-details-container,body{background:#0000!important;min-height:100vh!important}#root .MuiCard-root,#root .MuiPaper-root,.MuiCard-root,.MuiPaper-elevation0,.MuiPaper-elevation1,.MuiPaper-elevation12,.MuiPaper-elevation16,.MuiPaper-elevation2,.MuiPaper-elevation24,.MuiPaper-elevation3,.MuiPaper-elevation4,.MuiPaper-elevation8,.MuiPaper-root,body .MuiCard-root,body .MuiPaper-root{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#1e1e1ef2!important;background-color:#1e1e1ef2!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:0 8px 32px #0006!important}.MuiCard-root:hover{box-shadow:0 12px 40px #0006!important;transform:translateY(-2px)!important;transition:all .3s ease!important}#root .MuiCard-root .MuiTypography-root,#root .MuiPaper-root .MuiTypography-root,.MuiCard-root .MuiTypography-root,.MuiCard-root div,.MuiCard-root h1,.MuiCard-root h2,.MuiCard-root h3,.MuiCard-root h4,.MuiCard-root h5,.MuiCard-root h6,.MuiCard-root p,.MuiPaper-root .MuiTypography-root,.MuiPaper-root div,.MuiPaper-root h1,.MuiPaper-root h2,.MuiPaper-root h3,.MuiPaper-root h4,.MuiPaper-root h5,.MuiPaper-root h6,.MuiPaper-root p,body .MuiCard-root .MuiTypography-root,body .MuiPaper-root .MuiTypography-root{color:#fff!important}.MuiCard-root a,.MuiPaper-root a{color:#90caf9!important;text-decoration:none}.MuiCard-root a:hover,.MuiPaper-root a:hover{color:#64b5f6!important;text-decoration:underline}.MuiCard-root .MuiTypography-body2,.MuiCard-root .MuiTypography-caption,.MuiPaper-root .MuiTypography-body2,.MuiPaper-root .MuiTypography-caption,body .MuiCard-root .MuiTypography-body2,body .MuiCard-root .MuiTypography-caption,body .MuiPaper-root .MuiTypography-body2,body .MuiPaper-root .MuiTypography-caption{color:#fffc!important}.MuiCard-root .MuiSvgIcon-root,.MuiPaper-root .MuiSvgIcon-root{color:#ffffffb3!important}.MuiCard-root .MuiChip-root,.MuiPaper-root .MuiChip-root{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important}.MuiCard-root .MuiChip-root .MuiChip-label,.MuiPaper-root .MuiChip-root .MuiChip-label{color:#fff!important}.MuiTabs-root{background:#1e1e1ecc!important;border-radius:8px!important;padding:4px!important}.MuiTab-root{color:#ffffffb3!important;font-weight:500!important;transition:all .2s ease!important}.MuiTab-root:hover{background:#ffffff0d!important;color:#fff!important}.MuiTab-root.Mui-selected{background:#ffffff1a!important;border-radius:6px!important;color:#fff!important}.MuiTabs-indicator{display:none!important}.MuiTextField-root{margin:8px 0!important}.MuiInputBase-root{background:#ffffff0d!important;border-radius:8px!important}.MuiInputBase-input,.MuiInputBase-root{color:#fff!important}.MuiInputBase-input::placeholder{color:#ffffff80!important;opacity:1!important}.MuiOutlinedInput-notchedOutline{border-color:#fff3!important}.MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#fff6!important}.MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#90caf9!important;border-width:2px!important}.MuiInputLabel-root{color:#ffffffb3!important}.MuiInputLabel-root.Mui-focused{color:#90caf9!important}.MuiChip-root{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important;font-weight:500!important;transition:all .2s ease!important}.MuiChip-root:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.MuiChip-label{color:#fff!important}.MuiIconButton-root,.MuiSvgIcon-root{color:#fffc!important}.MuiIconButton-root{transition:all .2s ease!important}.MuiIconButton-root:hover{background:#ffffff1a!important;color:#fff!important}.MuiAvatar-root{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;color:#fff!important;font-size:1.5rem!important;font-weight:600!important;height:56px!important;width:56px!important}.MuiDivider-root{border-color:#ffffff1a!important}.MuiListItem-root{color:#fff!important;transition:all .2s ease!important}.MuiListItem-root:hover{background:#ffffff0d!important}.MuiListItemText-primary{color:#fff!important;font-weight:500!important}.MuiListItemText-secondary{color:#ffffffb3!important}.MuiButton-contained,.MuiButton-root{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;box-shadow:0 4px 12px #0003!important;color:#fff!important;font-weight:500!important;transition:none!important}.MuiButton-contained:hover,.MuiButton-root:hover{background:#ffffff1a!important;border-color:#fff3!important;box-shadow:0 4px 12px #0003!important;transform:none!important}.MuiAlert-root{background:#1e1e1ee6!important;border:1px solid #fff3!important;color:#fff!important}.MuiAlert-standardInfo{border-color:#90caf9!important}.MuiAlert-standardSuccess{border-color:#66bb6a!important}.MuiAlert-standardWarning{border-color:#ffb74d!important}.MuiAlert-standardError{border-color:#f44336!important}.MuiSkeleton-root{background:#ffffff1a!important}.MuiSkeleton-pulse{animation:MuiSkeleton-keyframes-pulse 1.5s ease-in-out .5s infinite!important}::-webkit-scrollbar{height:8px!important;width:8px!important}::-webkit-scrollbar-track{background:#ffffff0d!important;border-radius:4px!important}::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:4px!important}::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}.customer-header,.hero-section{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1e1e1ecc!important;border-radius:12px!important;margin-bottom:24px!important;padding:24px!important}.status-badge{border-radius:20px!important;font-size:.875rem!important;font-weight:600!important;padding:4px 12px!important}.status-active{background:#4caf5033!important;border:1px solid #4caf50!important;color:#4caf50!important}.status-pending{background:#ff980033!important;border:1px solid #ff9800!important;color:#ff9800!important}.status-inactive{background:#f4433633!important;border:1px solid #f44336!important;color:#f44336!important}@media (max-width:600px){.MuiCard-root,.MuiPaper-root{border-radius:8px!important;margin:8px!important}.customer-header,.hero-section{margin-bottom:16px!important;padding:16px!important}}.MuiCard-root,.MuiPaper-root{animation:fadeIn .4s ease-out!important}#root * .MuiCard-root,#root * .MuiPaper-root,* .MuiCard-root,* .MuiPaper-root,.MuiBox-root .MuiCard-root,.MuiBox-root .MuiPaper-root,.MuiCard-root[style*=background],.MuiGrid-root .MuiCard-root,.MuiGrid-root .MuiPaper-root,.MuiPaper-root[style*=background],.customer-details-container .MuiCard-root,.customer-details-container .MuiPaper-root,[style*="background-color: #fff"],[style*="background-color: rgb(255"],[style*="background-color: white"],[style*="background: #fff"],[style*="background: rgb(255"],[style*="background: white"],body * .MuiCard-root,body * .MuiPaper-root{background:#1e1e1ef2!important;background-color:#1e1e1ef2!important}.MuiButtonBase-root:after,.MuiButtonBase-root:before,.MuiCard-root:after,.MuiCard-root:before,.MuiPaper-root:after,.MuiPaper-root:before{content:none!important;display:none!important}.MuiTouchRipple-ripple,.MuiTouchRipple-root{display:none!important;opacity:0!important}.glass-calendar{min-height:100vh;padding:80px 20px 20px;position:relative}.calendar-header{animation:slideDown .6s ease-out;backdrop-filter:blur(100px) saturate(200%);-webkit-backdrop-filter:blur(100px) saturate(200%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:24px;box-shadow:inset 0 0 0 .5px #ffffff14,0 10px 40px #0006;margin-bottom:32px;padding:32px}.calendar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c8c8ffcc);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(255,255,255,.1));font-size:48px;font-weight:700;letter-spacing:-1.5px;margin-bottom:8px}.calendar-subtitle{color:#ffffff80;font-size:18px;font-weight:400}.calendar-nav{align-items:center;backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:20px;box-shadow:inset 0 0 0 .5px #ffffff14,0 8px 32px #0000004d;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px}.calendar-nav-group{align-items:center;display:flex;gap:16px}.calendar-nav-button{align-items:center;background:#ffffff08;border:.5px solid #ffffff14;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:44px}.calendar-nav-button:hover{background:#ffffff0f;box-shadow:0 4px 16px #0000004d;transform:scale(1.1)}.calendar-nav-button:active{transform:scale(.95)}.calendar-month-year{color:#fffffff2;font-size:28px;font-weight:600;letter-spacing:-.5px;min-width:250px;text-align:center}.calendar-today-button{align-items:center;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:.5px solid #667eea4d;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.calendar-today-button:hover{background:linear-gradient(135deg,#667eea26,#764ba226);box-shadow:0 4px 16px #667eea4d;transform:translateY(-2px)}.calendar-grid-container{backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 60px #0006;overflow:hidden;padding:24px;position:relative}.calendar-grid-container:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.calendar-weekdays{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);margin-bottom:20px}.calendar-weekday{color:#ffffff80;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;backdrop-filter:blur(60px) saturate(150%);-webkit-backdrop-filter:blur(60px) saturate(150%);background:#ffffff03;border:.5px solid #ffffff0a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;min-height:100px;overflow:hidden;padding:12px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.calendar-day:hover{background:#ffffff08;border-color:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff1a,0 10px 40px #0006,0 0 60px #ffffff05;transform:translateY(-4px) scale(1.02);z-index:10}.calendar-day.other-month{background:hsla(0,0%,100%,.005);opacity:.3}.calendar-day.today{animation:todayPulse 2s ease-in-out infinite;background:#ffffff08;border:1px solid #fff3;box-shadow:inset 0 0 20px #ffffff1a,0 0 40px #ffffff0d}@keyframes todayPulse{0%,to{box-shadow:inset 0 0 20px #ffffff1a,0 0 40px #ffffff0d}50%{box-shadow:inset 0 0 30px #ffffff26,0 0 60px #ffffff14}}.calendar-day-number{color:#ffffffe6;font-size:16px;font-weight:600;margin-bottom:8px}.calendar-day.today .calendar-day-number{color:#fff;text-shadow:0 0 10px #ffffff80}.calendar-day.weekend{background:hsla(0,0%,100%,.008)}.calendar-events{display:flex;flex:1 1;flex-direction:column;gap:4px}.calendar-event-dot{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:6px;color:#ffffffe6;cursor:pointer;display:flex;font-size:10px;font-weight:600;height:20px;overflow:hidden;padding:0 6px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.calendar-event-dot:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.calendar-event-dot.moving{background:linear-gradient(135deg,#f093fb4d,#f5576c4d);border:.5px solid #f5576c66}.calendar-event-dot.viewing{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);border:.5px solid #4facfe66}.calendar-event-dot.quote{background:linear-gradient(135deg,#fa709a4d,#fee1404d);border:.5px solid #fee14066}.calendar-event-dot.other{background:#ffffff1a;border:.5px solid #fff3}.calendar-more-events{color:#ffffff80;font-size:11px;font-style:italic;margin-top:4px}.event-dialog-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.event-dialog{animation:slideUp .4s ease-out;backdrop-filter:blur(100px) saturate(200%);-webkit-backdrop-filter:blur(100px) saturate(200%);background:#00000003;border:.5px solid #ffffff14;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff1a,0 20px 60px #00000080;max-width:500px;padding:32px;width:90%}.calendar-view-toggle{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:12px;display:flex;gap:8px;padding:4px}.view-toggle-button{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.view-toggle-button.active{background:#ffffff0d;box-shadow:0 2px 8px #0003;color:#fffffff2}.view-toggle-button:hover:not(.active){background:#ffffff08;color:#fffc}.calendar-fab{align-items:center;backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:linear-gradient(135deg,#667eea33,#764ba233);border:.5px solid #667eea4d;border-radius:50%;bottom:32px;box-shadow:inset 0 0 0 .5px #ffffff1a,0 12px 40px #667eea4d;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:32px;transition:all .4s cubic-bezier(.16,1,.3,1);width:64px;z-index:100}.calendar-fab:hover{box-shadow:inset 0 0 0 .5px #ffffff26,0 16px 50px #667eea66;transform:scale(1.1) rotate(90deg)}.calendar-fab svg{color:#ffffffe6;height:28px;width:28px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.glass-calendar{padding:70px 16px 16px}.calendar-title{font-size:36px}.calendar-month-year{font-size:20px;min-width:180px}.calendar-grid{gap:8px}.calendar-day{min-height:80px;padding:8px}.calendar-day-number{font-size:14px}.calendar-event-dot{font-size:9px;height:16px}.calendar-fab{bottom:24px;height:56px;right:24px;width:56px}}.glass-api-hub{min-height:100vh;padding:80px 20px 20px;position:relative}.api-hub-header{backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 60px #0006;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.api-hub-header:before{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.api-hub-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#667eeacc);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 10px rgba(102,126,234,.2));font-size:48px;font-weight:700;letter-spacing:-1.5px;margin-bottom:12px}.api-hub-subtitle{color:#ffffff80;font-size:18px;margin-bottom:24px}.api-hub-stats{display:flex;flex-wrap:wrap;gap:24px}.api-stat-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:150px;padding:16px}.api-stat-value{color:#fffffff2;font-size:32px;font-weight:700;letter-spacing:-1px}.api-stat-label{color:#ffffff80;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.api-stat-change{border-radius:6px;display:inline-block;font-size:12px;margin-top:4px;padding:4px 8px}.api-stat-change.positive{background:#43e97b33;color:#43e97be6}.api-stat-change.negative{background:#f5576c33;color:#f5576ce6}.api-categories{backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:20px;display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;padding:8px;scrollbar-width:none}.api-categories::-webkit-scrollbar{display:none}.api-category-tab{background:#0000;border:none;border-radius:14px;color:#fff9;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.api-category-tab:hover{background:#ffffff08;color:#fffc}.api-category-tab.active{background:#ffffff0d;box-shadow:inset 0 0 0 .5px #ffffff1a,0 4px 12px #0003;color:#fffffff2}.api-category-badge{background:#667eea4d;border-radius:8px;color:#ffffffe6;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:8px;top:8px}.api-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.api-connection-card{animation:slideUp .5s ease-out backwards;backdrop-filter:blur(100px) saturate(180%);-webkit-backdrop-filter:blur(100px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.api-connection-card:first-child{animation-delay:.1s}.api-connection-card:nth-child(2){animation-delay:.15s}.api-connection-card:nth-child(3){animation-delay:.2s}.api-connection-card:nth-child(4){animation-delay:.25s}.api-connection-card:nth-child(5){animation-delay:.3s}.api-connection-card:nth-child(6){animation-delay:.35s}.api-connection-card:before{background:var(--card-gradient);bottom:0;content:"";left:0;opacity:.03;position:absolute;right:0;top:0;transition:opacity .3s ease}.api-connection-card:hover{border-color:#ffffff1a;box-shadow:inset 0 0 0 .5px #ffffff1a,0 20px 60px #0006;transform:translateY(-6px) scale(1.02)}.api-connection-card:hover:before{opacity:.08}.api-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.api-card-logo{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:.5px solid #ffffff1a;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.api-connection-card:hover .api-card-logo{transform:rotate(10deg) scale(1.1)}.api-card-status{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:12px;width:12px}.api-card-status.connected{background:#4ade80;box-shadow:0 0 20px #4ade8080}.api-card-status.disconnected{animation:none;background:#6b7280}.api-card-status.error{background:#f87171;box-shadow:0 0 20px #f8717180}.api-card-content{margin-bottom:20px}.api-card-name{color:#fffffff2;font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:6px}.api-card-description{color:#ffffff80;font-size:14px;line-height:1.5}.api-card-stats{border-top:.5px solid #ffffff0f;display:flex;gap:16px;margin-bottom:20px;padding-top:16px}.api-card-stat{flex:1 1}.api-card-stat-value{color:#ffffffe6;font-size:18px;font-weight:600;margin-bottom:4px}.api-card-stat-label{color:#fff6;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.api-card-actions{display:flex;gap:12px}.api-card-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:10px;color:#fffc;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:all .3s ease}.api-card-button:hover{background:#ffffff0d;transform:translateY(-1px)}.api-card-button.primary{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea4d}.api-card-button.primary:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d)}.api-add-card{align-items:center;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);background:#ffffff03;border:1px dashed #fff3;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:280px;transition:all .3s ease}.api-add-card:hover{background:#ffffff08;border-color:#ffffff4d;transform:scale(1.02)}.api-add-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:#fff6;display:flex;font-size:32px;height:64px;justify-content:center;margin-bottom:16px;width:64px}.api-add-text{color:#fff9;font-size:16px;font-weight:500}.api-key-modal{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5000}.api-key-dialog{backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:#00000003;border:.5px solid #ffffff14;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff1a,0 20px 60px #00000080;max-width:500px;padding:32px;width:90%}@media (max-width:768px){.glass-api-hub{padding:70px 16px 16px}.api-hub-title{font-size:36px}.api-grid{gap:16px;grid-template-columns:1fr}.api-hub-stats{gap:12px}.api-stat-card{min-width:100px}}.animated-background{background:#0f172a;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:-1}.gradient-orb{animation:float 25s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.15;position:absolute}.orb-1{animation-duration:30s;background:radial-gradient(circle,#6366f126,#0000);height:700px;left:-250px;top:-250px;width:700px}.orb-2{animation-delay:-5s;animation-duration:35s;background:radial-gradient(circle,#8b5cf61f,#0000);bottom:-200px;height:600px;right:-200px;width:600px}.orb-3{animation-delay:-10s;animation-duration:40s;background:radial-gradient(circle,#3b82f61a,#0000);height:500px;left:50%;top:50%;transform:translate(-50%,-50%);width:500px}.orb-4{animation-delay:-15s;animation-duration:33s;background:radial-gradient(circle,#14b8a614,#0000);height:450px;right:20%;top:20%;width:450px}.mesh-gradient{animation:meshMove 50s ease infinite;background:radial-gradient(at 40% 20%,#6366f10d 0,#0000 50%),radial-gradient(at 80% 0,#8b5cf60a 0,#0000 50%),radial-gradient(at 0 50%,#3b82f60a 0,#0000 50%),radial-gradient(at 80% 50%,#a855f708 0,#0000 50%),radial-gradient(at 0 100%,#14b8a608 0,#0000 50%),radial-gradient(at 80% 100%,#4f46e508 0,#0000 50%),radial-gradient(at 0 0,#7c3aed08 0,#0000 50%)}.mesh-gradient,.particles{bottom:0;left:0;position:absolute;right:0;top:0}.particles{overflow:hidden}.particle{animation:particleFloat 20s linear infinite;background:#94a3b833;border-radius:50%;height:2px;position:absolute;width:2px}.particle:nth-child(odd){animation-duration:25s;background:#94a3b826;height:1px;width:1px}.particle:nth-child(2n){animation-delay:-5s;animation-duration:30s}@keyframes meshMove{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100px) translateX(100px)}}.light-streak{animation:streak 4s linear infinite;background:linear-gradient(180deg,#0000,#94a3b81a,#0000);height:120px;opacity:0;position:absolute;width:1px}.light-streak:first-child{animation-delay:0s;left:10%}.light-streak:nth-child(2){animation-delay:.5s;left:30%}.light-streak:nth-child(3){animation-delay:1s;left:50%}.light-streak:nth-child(4){animation-delay:1.5s;left:70%}.light-streak:nth-child(5){animation-delay:2s;left:90%}@keyframes streak{0%{opacity:0;transform:translateY(-100px)}50%{opacity:.8}to{opacity:0;transform:translateY(100vh)}}.glass-sidebar-container{height:100vh;left:0;pointer-events:none;position:fixed;top:0;z-index:2000}.glass-sidebar-container.active{pointer-events:all}.sidebar-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0006;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);visibility:hidden}.sidebar-overlay.active{opacity:1;visibility:visible}.glass-sidebar{backdrop-filter:blur(100px) saturate(200%);-webkit-backdrop-filter:blur(100px) saturate(200%);background:#00000003;border-right:.5px solid #ffffff14;bottom:0;box-shadow:inset -1px 0 0 #ffffff0d,10px 0 40px #00000080;height:100%;left:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-top:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);width:280px}.glass-sidebar.active{transform:translateX(0)}.glass-sidebar{display:flex;flex-direction:column}.sidebar-header{align-items:center;border-bottom:.5px solid #ffffff0f;display:flex;justify-content:space-between;min-height:80px;padding:40px 24px 24px}.sidebar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c8c8ffcc);-webkit-background-clip:text;background-clip:text;color:#fffffff2;font-size:22px;font-weight:700;letter-spacing:-.5px}.sidebar-close{align-items:center;background:#ffffff0d;border:.5px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.sidebar-close:hover{background:#ffffff1a;transform:rotate(90deg)}.sidebar-close svg{color:#ffffffb3;height:18px;width:18px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:#fff6;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:8px 24px;text-transform:uppercase}.sidebar-item{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:15px;font-weight:500;letter-spacing:-.2px;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.sidebar-item:hover{background:#ffffff08;color:#fffffff2;padding-left:28px}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item.active{background:#ffffff0d;color:#fff}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item-icon{align-items:center;background:#ffffff08;border:.5px solid #ffffff14;border-radius:12px;display:flex;height:40px;justify-content:center;margin-right:16px;width:40px}.sidebar-item-icon svg{color:#fffc;height:20px;width:20px}.sidebar-item:hover .sidebar-item-icon{background:#ffffff0d;transform:scale(1.05)}.sidebar-item-text{flex:1 1}.sidebar-item-badge{background:#ff77c633;border-radius:10px;color:#ffffffe6;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.menu-toggle{align-items:center;backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:#00000003;border:.5px solid #ffffff1a;border-radius:14px;box-shadow:inset 0 0 0 .5px #ffffff14,0 4px 16px #0000004d;cursor:pointer;display:flex;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s cubic-bezier(.16,1,.3,1);width:48px;z-index:2001}.menu-toggle:hover{background:#ffffff08;box-shadow:inset 0 0 0 .5px #ffffff1f,0 6px 20px #0006;transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}.menu-toggle svg{color:#ffffffe6;height:24px;transition:transform .3s ease;width:24px}.menu-toggle.active svg{transform:rotate(180deg)}.sidebar-footer{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#0003;border-top:.5px solid #ffffff0f;margin-top:auto;padding:20px}.sidebar-user{align-items:center;background:#ffffff08;border:.5px solid #ffffff14;border-radius:12px;display:flex;padding:12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;margin-right:12px;width:36px}.sidebar-user-info{flex:1 1}.sidebar-user-name{color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:2px}.sidebar-user-role{color:#ffffff80;font-size:12px}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.sidebar-item{animation:slideIn .3s ease backwards}.sidebar-item:first-child{animation-delay:.1s}.sidebar-item:nth-child(2){animation-delay:.15s}.sidebar-item:nth-child(3){animation-delay:.2s}.sidebar-item:nth-child(4){animation-delay:.25s}.sidebar-item:nth-child(5){animation-delay:.3s}.sidebar-item:nth-child(6){animation-delay:.35s}.sidebar-item:nth-child(7){animation-delay:.4s}.sidebar-item:nth-child(8){animation-delay:.45s}@media (max-width:768px){.glass-sidebar{width:260px}.menu-toggle{height:44px;left:16px;top:16px;width:44px}}.glass-workflow-builder{min-height:100vh;padding:80px 20px 20px;position:relative}.workflow-header{align-items:center;backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:24px;box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 60px #0006;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.workflow-title{gap:16px}.workflow-icon,.workflow-title{align-items:center;display:flex}.workflow-icon{background:linear-gradient(135deg,#4facfe33,#00f2fe33);border:.5px solid #4facfe4d;border-radius:14px;color:#ffffffe6;height:48px;justify-content:center;width:48px}.workflow-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#ffffffe6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.workflow-actions{display:flex;gap:12px}.workflow-btn{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.workflow-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.workflow-btn.save{background:linear-gradient(135deg,#43e97b1a,#38f9d71a);border-color:#43e97b4d}.workflow-btn.play{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:#4facfe4d}.workflow-btn.pause{background:linear-gradient(135deg,#fa709a1a,#fee1401a);border-color:#fa709a4d}.workflow-content{display:flex;gap:24px;height:calc(100vh - 260px)}.workflow-sidebar{backdrop-filter:blur(100px) saturate(180%);-webkit-backdrop-filter:blur(100px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;overflow-y:auto;padding:24px;scrollbar-width:none;width:320px}.workflow-sidebar::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:32px}.sidebar-title{border-bottom:.5px solid #ffffff0f;color:#ffffffe6;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.template-list{display:flex;flex-direction:column;gap:12px}.template-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff03;border:.5px solid #ffffff0a;border-radius:14px;cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.template-card:hover{background:#ffffff08;transform:translateX(4px)}.template-card.active{background:#4facfe1a;border-color:#4facfe4d}.template-card h4{color:#ffffffe6;font-size:14px;font-weight:600;margin:0 0 6px}.template-card p{color:#ffffff80;font-size:12px;margin:0 0 8px}.template-badge{border-radius:6px;display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.template-badge.sales{background:#667eea33;color:#667eeae6}.template-badge.success{background:#43e97b33;color:#43e97be6}.template-badge.support{background:#fa709a33;color:#fa709ae6}.node-group{margin-bottom:20px}.node-group h4{color:#fff9;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.node-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff03;border:.5px solid #ffffff0a;border-radius:10px;cursor:grab;display:flex;gap:10px;margin-bottom:8px;padding:10px;transition:all .3s ease}.node-item:hover{background:#ffffff08;transform:translateX(4px)}.node-item:active{cursor:grabbing}.node-item-icon{align-items:center;background:#ffffff0d;border-radius:8px;color:#ffffffb3;display:flex;height:32px;justify-content:center;width:32px}.node-item span{color:#fffc;font-size:13px}.workflow-canvas{backdrop-filter:blur(100px) saturate(180%);-webkit-backdrop-filter:blur(100px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;flex:1 1;overflow:hidden;position:relative}.canvas-header{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff03;border-bottom:.5px solid #ffffff0f;padding:20px 24px}.canvas-header h2{color:#fffffff2;font-size:20px;font-weight:600;margin:0 0 4px}.canvas-header p{color:#ffffff80;font-size:14px;margin:0}.canvas-area{background-image:radial-gradient(circle at 20px 20px,#ffffff05 2px,#0000 0);background-size:40px 40px;height:calc(100% - 80px);position:relative}.connections-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.connection-line{stroke:#4facfe4d;stroke-width:2;fill:none;stroke-dasharray:5,5;animation:dash 1s linear infinite}@keyframes dash{to{stroke-dashoffset:-10}}.workflow-node{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:14px;cursor:move;min-width:180px;padding:16px;position:absolute;transition:all .3s ease}.workflow-node:hover{box-shadow:0 8px 24px #0000004d;transform:scale(1.05)}.workflow-node.selected{border-color:#4facfe80;box-shadow:0 0 0 2px #4facfe33,0 8px 24px #4facfe33}.workflow-node.trigger{border-left:3px solid #43e97b80}.workflow-node.condition{border-left:3px solid #fa709a80}.workflow-node.action{border-left:3px solid #4facfe80}.workflow-node.delay{border-left:3px solid #fee14080}.node-icon{align-items:center;background:#ffffff0d;border-radius:8px;color:#fffc;display:flex;height:36px;justify-content:center;margin-bottom:8px;width:36px}.node-content h4{color:#ffffffe6;font-size:14px;font-weight:600;margin:0 0 4px}.node-content p{color:#ffffff80;font-size:12px;margin:0}.node-branches{border-top:.5px solid #ffffff0f;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.branch{border-radius:6px;font-size:11px;font-weight:600;padding:4px 12px}.branch.yes{background:#43e97b33;color:#43e97be6}.branch.no{background:#f5576c33;color:#f5576ce6}.canvas-empty{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.canvas-empty h3{color:#ffffff80;font-size:18px;margin:0;text-align:center}.create-workflow-btn{align-items:center;background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border:.5px solid #4facfe4d;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.create-workflow-btn:hover{background:linear-gradient(135deg,#4facfe33,#00f2fe33);box-shadow:0 4px 16px #4facfe4d;transform:translateY(-2px)}.properties-panel{animation:slideInRight .3s ease;backdrop-filter:blur(100px) saturate(180%);-webkit-backdrop-filter:blur(100px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;padding:24px;width:280px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.panel-header{align-items:center;border-bottom:.5px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.panel-header h3{color:#ffffffe6;font-size:16px;font-weight:600;margin:0}.panel-close{align-items:center;background:#ffffff05;border:.5px solid #ffffff14;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.panel-close:hover{background:#f5576c33;border-color:#f5576c4d;color:#f5576ce6}.property-group{margin-bottom:20px}.property-group label{color:#ffffff80;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.property-input,.property-textarea{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:8px;color:#ffffffe6;font-size:13px;padding:10px;transition:all .3s ease;width:100%}.property-textarea{min-height:80px;resize:vertical}.property-input:focus,.property-textarea:focus{background:#ffffff08;border-color:#4facfe4d;outline:none}.config-btn{align-items:center;background:#ffffff05;border:.5px solid #ffffff14;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.config-btn:hover{background:#ffffff0d}.property-actions{display:flex;gap:8px;margin-top:24px}.property-btn{align-items:center;background:#ffffff05;border:.5px solid #ffffff14;border-radius:8px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .3s ease}.property-btn.test{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:#4facfe4d}.property-btn.delete{background:linear-gradient(135deg,#f5576c1a,#f093fb1a);border-color:#f5576c4d}.property-btn:hover{transform:translateY(-1px)}.workflow-stats{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;display:flex;gap:24px;margin-top:24px;padding:20px 32px}.stat-item{flex:1 1;text-align:center}.stat-label{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfecc,#fffc);-webkit-background-clip:text;background-clip:text;display:block;font-size:24px;font-weight:700}@media (max-width:1200px){.properties-panel{display:none}}@media (max-width:768px){.workflow-content{flex-direction:column;height:auto}.workflow-sidebar{height:300px;width:100%}.workflow-canvas{min-height:500px}}.glass-ai-insights{animation:slideUp .6s ease-out;backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 60px #0006;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.glass-ai-insights:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#9333ea4d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.ai-insights-header{margin-bottom:28px}.ai-insights-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ai-insights-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#9333ea,#ffffffe6);-webkit-background-clip:text;background-clip:text;display:flex;filter:drop-shadow(0 2px 10px rgba(147,51,234,.3));font-size:28px;font-weight:700;gap:16px}.ai-insights-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#9333ea33,#a855f733);border:.5px solid #9333ea4d;border-radius:14px;color:#ffffffe6;display:flex;height:48px;justify-content:center;width:48px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai-insights-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:#9333ea1a;border:.5px solid #9333ea4d;border-radius:20px;color:#fffc;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.ai-timeframe-selector{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:14px;display:flex;gap:8px;padding:6px}.timeframe-btn{background:#0000;border:none;border-radius:10px;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.timeframe-btn:hover{background:#ffffff08;color:#fffc}.timeframe-btn.active{background:#9333ea26;box-shadow:inset 0 0 0 .5px #9333ea4d,0 2px 8px #9333ea33;color:#fffffff2}.ai-predictions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.ai-prediction-card{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#ffffff03;border:.5px solid #ffffff0d;border-radius:16px;padding:18px;transition:all .3s ease}.ai-prediction-card:hover{background:#ffffff05;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.prediction-label{color:#ffffff80;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.prediction-confidence{align-items:center;background:#43e97b1a;border-radius:8px;color:#43e97be6;display:flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.prediction-value{align-items:center;color:#fffffff2;display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:12px}.trend-up{color:#43e97bcc;font-size:20px}.trend-down{color:#f5576ccc;font-size:20px}.prediction-bar{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.prediction-fill{background:linear-gradient(90deg,#9333ea80,#a855f780);border-radius:2px;height:100%;transition:width .6s ease}.ai-insights-list{grid-gap:16px;display:grid;gap:16px;margin-bottom:28px}.ai-insight-card{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#ffffff03;border:.5px solid #ffffff0a;border-radius:18px;display:flex;gap:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.ai-insight-card:before{bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.ai-insight-card:hover:before{transform:scaleY(1)}.ai-insight-card.opportunity:before{background:linear-gradient(135deg,#43e97b,#38f9d7)}.ai-insight-card.risk:before{background:linear-gradient(135deg,#f5576c,#f093fb)}.ai-insight-card.recommendation:before{background:linear-gradient(135deg,#667eea,#764ba2)}.ai-insight-card.trend:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.ai-insight-card:hover{background:#ffffff05;box-shadow:0 8px 24px #0000004d;transform:translateX(4px)}.insight-icon{align-items:center;border-radius:12px;color:#fffc;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ai-insight-card.opportunity .insight-icon{background:#43e97b26;border:.5px solid #43e97b4d}.ai-insight-card.risk .insight-icon{background:#f5576c26;border:.5px solid #f5576c4d}.ai-insight-card.recommendation .insight-icon{background:#667eea26;border:.5px solid #667eea4d}.ai-insight-card.trend .insight-icon{background:#4facfe26;border:.5px solid #4facfe4d}.insight-content{flex:1 1}.insight-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.insight-title{color:#fffffff2;font-size:16px;font-weight:600;margin:0}.insight-impact{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.insight-impact.impact-high{background:#f5576c26;border:.5px solid #f5576c4d;color:#f5576ce6}.insight-impact.impact-medium{background:#fa709a26;border:.5px solid #fa709a4d;color:#fa709ae6}.insight-impact.impact-low{background:#4facfe26;border:.5px solid #4facfe4d;color:#4facfee6}.insight-description{color:#fff9;font-size:14px;line-height:1.5;margin:0 0 12px}.insight-metric{align-items:center;display:flex;gap:12px;margin-bottom:12px}.metric-value{color:#ffffffe6;font-size:20px;font-weight:700}.metric-change{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.metric-change.up{background:#43e97b33;color:#43e97be6}.metric-change.down{background:#f5576c33;color:#f5576ce6}.insight-action{align-items:center;background:linear-gradient(135deg,#9333ea1a,#a855f71a);border:.5px solid #9333ea4d;border-radius:10px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.insight-action:hover{background:linear-gradient(135deg,#9333ea33,#a855f733);box-shadow:0 4px 12px #9333ea4d;transform:translateY(-1px)}.ai-assistant-prompt{align-items:flex-start;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:linear-gradient(135deg,#9333ea08,#a855f708);border:.5px solid #9333ea1a;border-radius:20px;display:flex;gap:20px;padding:24px}.assistant-avatar{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#9333ea33,#a855f733);border:.5px solid #9333ea4d;border-radius:50%;color:#ffffffe6;display:flex;height:48px;justify-content:center;width:48px}.assistant-message{flex:1 1}.assistant-message p{color:#ffffffb3;font-size:14px;margin:0 0 12px}.assistant-suggestions{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:20px;color:#fffc;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .3s ease}.suggestion-chip:hover{background:#9333ea1a;border-color:#9333ea4d;transform:translateY(-1px)}@media (max-width:768px){.glass-ai-insights{border-radius:24px;padding:24px}.ai-insights-title{font-size:24px}.ai-predictions-grid{grid-template-columns:1fr 1fr}.ai-insight-card{gap:12px}.ai-insight-card,.assistant-suggestions{flex-direction:column}.suggestion-chip{text-align:center;width:100%}}.glass-inventory{min-height:100vh;padding:80px 20px 20px;position:relative}.inventory-header{backdrop-filter:blur(120px) saturate(200%);-webkit-backdrop-filter:blur(120px) saturate(200%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:28px;box-shadow:inset 0 0 0 .5px #ffffff0f,0 20px 60px #0006;margin-bottom:32px;padding:32px}.inventory-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.inventory-title-section{align-items:center;display:flex;gap:20px}.inventory-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff1a;border-radius:16px;color:#fffc;display:flex;height:56px;justify-content:center;width:56px}.inventory-title{color:#fffffff2;font-size:36px;font-weight:700;letter-spacing:-1px;margin:0 0 4px}.inventory-subtitle{color:#ffffff80;font-size:16px;margin:0}.inventory-actions{display:flex;gap:12px}.inventory-btn{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.inventory-btn:hover{background:#ffffff0d;transform:translateY(-2px)}.inventory-btn.primary{background:#ffffff08;border-color:#ffffff26}.inventory-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.inventory-stat-card{backdrop-filter:blur(100px) saturate(180%);-webkit-backdrop-filter:blur(100px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.inventory-stat-card:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.stat-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card-icon.value{background:#4facfe1a;border:.5px solid #4facfe33;color:#4facfee6}.stat-card-icon.warning{background:#ffb3001a;border:.5px solid #ffb30033;color:#ffb300e6}.stat-card-icon.shipping{background:#667eea1a;border:.5px solid #667eea33;color:#667eeae6}.stat-card-icon.consumption{background:#43e97b1a;border:.5px solid #43e97b33;color:#43e97be6}.stat-card-content{flex:1 1}.stat-card-value{color:#fffffff2;font-size:28px;font-weight:700;margin-bottom:4px}.stat-card-label{color:#ffffff80;font-size:13px;margin-bottom:8px}.stat-card-change{align-items:center;color:#fff9;display:flex;font-size:12px;gap:4px}.stat-card-change.positive{color:#43e97be6}.stat-card-change.negative{color:#f5576ce6}.inventory-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.inventory-search{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:14px;display:flex;flex:1 1;gap:12px;min-width:300px;padding:14px 20px}.inventory-search input{background:none;border:none;color:#ffffffe6;flex:1 1;font-size:14px;outline:none}.inventory-search input::placeholder{color:#fff6}.inventory-categories{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff03;border:.5px solid #ffffff0f;border-radius:12px;display:flex;gap:8px;padding:6px}.category-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.category-btn:hover{background:#ffffff08;color:#fffc}.category-btn.active{background:#ffffff0d;color:#fffffff2}.category-count{background:#ffffff1a;border-radius:10px;font-size:11px;padding:2px 6px}.inventory-filter-btn{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:.5px solid #ffffff14;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 18px;transition:all .3s ease}.inventory-table-container{backdrop-filter:blur(100px) saturate(180%);-webkit-backdrop-filter:blur(100px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:24px;margin-bottom:32px;overflow:hidden}.inventory-table{border-collapse:collapse;width:100%}.inventory-table thead{background:#ffffff05;border-bottom:.5px solid #ffffff0f}.inventory-table th{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.5px;padding:18px 24px;text-align:left;text-transform:uppercase}.inventory-row{border-bottom:.5px solid #ffffff08;transition:all .3s ease}.inventory-row:hover{background:#ffffff05}.inventory-table td{color:#fffc;font-size:14px;padding:20px 24px}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{color:#ffffffe6;font-weight:600}.item-category{color:#ffffff80;font-size:12px}.item-sku{color:#fff9;font-family:monospace}.stock-info{display:flex;flex-direction:column;gap:8px}.stock-numbers{align-items:baseline;display:flex;gap:4px}.stock-current{color:#ffffffe6;font-size:16px;font-weight:600}.stock-unit{color:#ffffff80;font-size:12px}.stock-bar{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.stock-fill{border-radius:3px;height:100%;transition:width .3s ease}.stock-fill.status-ok{background:#43e97b80}.stock-fill.status-low{background:#ffb30080}.stock-fill.status-critical{background:#f5576c80}.stock-fill.status-overstocked{background:#667eea80}.stock-usage{align-items:center;color:#ffffff80;display:flex;font-size:11px;gap:4px}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.status-badge.status-ok{background:#43e97b1a;border:.5px solid #43e97b33;color:#43e97be6}.status-badge.status-low{background:#ffb3001a;border:.5px solid #ffb30033;color:#ffb300e6}.status-badge.status-critical{background:#f5576c1a;border:.5px solid #f5576c33;color:#f5576ce6}.status-badge.status-overstocked{background:#667eea1a;border:.5px solid #667eea33;color:#667eeae6}.item-location{color:#fff9;font-size:13px}.supplier-info{display:flex;flex-direction:column;gap:4px}.supplier-name{color:#fffc;font-weight:500}.last-ordered{color:#ffffff80;font-size:11px}.item-price{color:#ffffffe6;font-weight:600}.item-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#ffffff05;border:.5px solid #ffffff14;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-btn:hover{background:#ffffff0d;transform:scale(1.1)}.action-btn.order:hover{border-color:#43e97b4d;color:#43e97be6}.action-btn.edit:hover{border-color:#667eea4d;color:#667eeae6}.inventory-quick-actions{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-action-card{backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);background:hsla(0,0%,100%,.005);border:.5px solid #ffffff0d;border-radius:20px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.quick-action-card:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.quick-action-icon{align-items:center;background:#ffffff05;border:.5px solid #ffffff1a;border-radius:12px;color:#ffffffb3;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.quick-action-content h3{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 6px}.quick-action-content p{color:#ffffff80;font-size:13px;margin:0 0 16px}.quick-action-btn{background:#ffffff08;border:.5px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.quick-action-btn:hover{background:#ffffff0d;transform:translateX(2px)}@media (max-width:1200px){.inventory-stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.glass-inventory{padding:70px 16px 16px}.inventory-header-content{align-items:flex-start;flex-direction:column}.inventory-stats-grid{grid-template-columns:1fr}.inventory-table-container{overflow-x:auto}.inventory-table{min-width:800px}}.glass-disposition{margin:0 auto;max-width:1400px;min-height:100vh;padding:120px 40px 40px}.disposition-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.disposition-title{color:#fffffff2;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin:0}.disposition-subtitle{color:#ffffff80;font-size:1rem;margin-top:4px}.disposition-actions{display:flex;gap:12px}.glass-button{align-items:center;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.glass-button:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.glass-button.primary{background:#ffffff0f;border-color:#ffffff1f}.glass-button.primary:hover{background:#ffffff14;border-color:#ffffff26}.disposition-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:center;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{background:#ffffff08;border-color:#ffffff1a;transform:translateY(-2px)}.stat-icon{align-items:center;background:#ffffff0d;border-radius:12px;color:#ffffffb3;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{height:24px;width:24px}.stat-content{flex:1 1}.stat-value{color:#fffffff2;font-size:1.8rem;font-weight:600;line-height:1;margin-bottom:4px}.stat-label{color:#ffffff80;font-size:.85rem;letter-spacing:.3px;text-transform:uppercase}.planning-container{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.planning-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.view-toggle{background:#ffffff08;border-radius:10px;display:flex;gap:2px;padding:3px}.view-button{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.view-button:hover{color:#fffc}.view-button.active{background:#ffffff14;color:#fffffff2}.week-navigation{align-items:center;display:flex;gap:16px}.week-nav-button{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.week-nav-button:hover{background:#ffffff0d;border-color:#ffffff1a}.week-nav-button svg{height:20px;width:20px}.current-week{color:#ffffffd9;font-size:.95rem;font-weight:500;min-width:180px;text-align:center}.planning-grid-wrapper{overflow-x:auto;padding:24px}.planning-grid{grid-gap:1px;background:#ffffff0d;border-radius:12px;display:grid;gap:1px;grid-template-columns:180px repeat(7,minmax(140px,1fr));min-width:1100px;overflow:hidden}.grid-corner{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.day-header,.grid-corner{background:#ffffff08;padding:16px}.day-header{border-left:1px solid #ffffff0d;text-align:center}.day-name{color:#ffffffd9;font-size:.9rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}.day-date{color:#ffffff80;font-size:.85rem}.team-info{background:#ffffff05;border-top:1px solid #ffffff0d;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:100px;padding:16px}.team-name{color:#ffffffe6;font-size:.95rem;font-weight:600;margin-bottom:2px}.team-vehicle{color:#fff9;font-size:.85rem}.team-members{color:#fff6;font-size:.8rem}.day-cell{background:#0000001a;border-left:1px solid #ffffff0d;border-top:1px solid #ffffff0d;min-height:100px;padding:8px;transition:background .2s ease}.day-cell:hover{background:#ffffff05}.job-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;margin-bottom:6px;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.job-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.job-card.type-umzug:before{background:#4a90e2}.job-card.type-entrumpelung:before{background:#e74c3c}.job-card.type-montage:before{background:#2ecc71}.job-card.type-transport:before{background:#f39c12}.job-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateX(2px)}.job-time{color:#fff9;font-size:.75rem;font-weight:500;margin-bottom:4px}.job-customer{color:#ffffffe6;font-size:.85rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-type-tag{background:#ffffff14;border-radius:4px;color:#ffffffb3;display:inline-block;font-size:.7rem;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.job-modal-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.job-modal{animation:slideUp .3s ease;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#141414f2;border:1px solid #ffffff1a;border-radius:20px;max-height:85vh;max-width:560px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.job-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px}.job-modal-title{color:#fffffff2;font-size:1.4rem;font-weight:600}.close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:#ffffff14;transform:rotate(90deg)}.close-button svg{height:20px;width:20px}.job-modal-content{padding:24px}.job-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.detail-group{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;padding:12px}.detail-label{color:#ffffff80;font-size:.8rem;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#ffffffe6;font-size:.95rem;font-weight:500}.job-type-badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.job-type-badge.type-umzug{background:#4a90e233;color:#4a90e2}.job-type-badge.type-entrumpelung{background:#e74c3c33;color:#e74c3c}.job-type-badge.type-montage{background:#2ecc7133;color:#2ecc71}.job-type-badge.type-transport{background:#f39c1233;color:#f39c12}.detail-notes{margin-top:20px}.notes-text{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;color:#fffc;font-size:.9rem;line-height:1.5;margin-top:8px;padding:12px}.job-modal-actions{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:1200px){.planning-grid{grid-template-columns:160px repeat(7,minmax(120px,1fr))}}@media (max-width:768px){.glass-disposition{padding:100px 20px 20px}.disposition-title{font-size:2rem}.disposition-stats{grid-template-columns:1fr 1fr}.planning-grid{grid-template-columns:120px repeat(7,minmax(100px,1fr))}.job-detail-grid{grid-template-columns:1fr}}