/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.container{width:100%}.grid{display:grid}.table{display:table}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@layer base{*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-inter),system-ui,-apple-system,sans-serif;-webkit-overflow-scrolling:touch;background:#000;overflow:auto}canvas{display:block}.intro-screen{-webkit-overflow-scrolling:touch;z-index:50;background:#000;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:fixed;top:0;left:0;overflow:auto}@media (max-width:768px){.intro-screen{touch-action:pan-y pinch-zoom;height:auto;overflow:hidden auto!important}}.intro-screen.zoom-out{pointer-events:none;animation:screenFadeOut 2s ease-out forwards}.grid-bg{z-index:0;background-image:linear-gradient(#00d9ff08 1px,#0000 0),linear-gradient(90deg,#00d9ff08 1px,#0000 0);background-size:60px 60px;animation:gridMove 20s linear infinite;position:absolute;inset:0}.center-glow{opacity:0;z-index:1;background:radial-gradient(circle,#00d9ff26 0,#0000 70%);border-radius:50%;width:600px;height:600px;animation:glowPulse 4s ease-in-out infinite;position:absolute}.center-glow.show{animation:glowFadeIn 1s ease-out .5s forwards,glowPulse 4s ease-in-out 1.5s infinite}.zoom-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.zoom-wrapper.zoom-out{animation:containerZoomOut 2s ease-in-out forwards}.center-container{z-index:5;justify-content:center;align-items:center;width:800px;height:800px;animation:containerRotate 60s linear infinite;display:flex;position:relative}.connection-lines{z-index:1;pointer-events:none;position:absolute;top:0;left:0}.connection-line{stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 4px var(--color))}.connection-line.show{animation:drawLine 1.5s ease-out var(--delay)forwards}.service-badge{opacity:0;z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;transform:translate(-50%,-50%)scale(0)}.service-badge.show{animation:badgePop .6s cubic-bezier(.68,-.55,.27,1.55)var(--delay)forwards}.service-badge.fade-out{animation:badgeFadeOut 1.5s ease-out var(--fade-delay)forwards!important}.badge-circle{backdrop-filter:blur(20px);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;animation:badgeFloat 3s ease-in-out infinite,counterRotate 60s linear infinite;display:flex;position:relative;overflow:hidden}.badge-circle:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffffff4d,#0000,#0000004d);border-radius:50%;position:absolute;inset:-2px}.badge-circle:hover{filter:brightness(1.2);transform:scale(1.15)translateY(-4px)}.badge-shape{z-index:2;filter:drop-shadow(0 4px 12px #0009)drop-shadow(0 0 20px)}.badge-inner-glow{z-index:1;border-radius:50%;width:60%;height:60%;animation:innerGlowPulse 2s ease-in-out infinite;position:absolute}.badge-text{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 10px #000c;opacity:.95;white-space:nowrap;font-size:14px;font-weight:700;animation:counterRotate 60s linear infinite}.mapos-container{z-index:100;animation:counterRotate 60s linear infinite}.mapos-container,.power-sphere{width:350px;height:350px;position:absolute}.power-sphere{z-index:101;pointer-events:none;justify-content:center;align-items:center;display:flex}.sphere-core,.sphere-inner,.sphere-middle,.sphere-outer{will-change:transform,opacity,filter;border-radius:50%;position:absolute}.sphere-outer{backdrop-filter:blur(15px);opacity:0;background:radial-gradient(circle at 30% 30%,#00d9ff26 0,#8a2be21a 40%,#00d9ff14 100%);border:2px solid #00d9ff4d;width:350px;height:350px;animation:sphereAppear .8s ease-out 2s forwards,spherePulse 3s ease-in-out 2.8s infinite;transform:scale(0);box-shadow:0 0 40px #00d9ff4d,inset 0 0 40px #ffffff0d,inset -20px -20px 60px #8a2be233}.sphere-middle{opacity:0;background:radial-gradient(circle at 35% 35%,#00d9ff1f 0,#8a2be214 50%,#0000 100%);border:1px solid #00d9ff40;width:280px;height:280px;animation:sphereAppear .8s ease-out 3.2s forwards,spherePulse 3s ease-in-out 4s infinite;transform:scale(0);box-shadow:0 0 30px #00d9ff40}.sphere-inner{background:radial-gradient(circle at 40% 40%,#8a2be226 0,#00d9ff1a 50%,#0000 100%);border:1px solid #8a2be24d;width:200px;height:200px;animation:sphereAppear .8s ease-out 4.4s forwards,spherePulse 3s ease-in-out 5.2s infinite;box-shadow:0 0 25px #8a2be233}.sphere-core,.sphere-inner{opacity:0;transform:scale(0)}.sphere-core{background:radial-gradient(circle,#fff3 0,#00d9ff26 40%,#8a2be21a 100%);border:1px solid #ffffff4d;width:120px;height:120px;animation:sphereAppear .8s ease-out 5.6s forwards,spherePulse 3s ease-in-out 6.4s infinite;box-shadow:0 0 30px #ffffff4d,inset 0 0 20px #00d9ff33}.power-sphere.powered .sphere-outer{animation:sphereDissolve 1.5s cubic-bezier(.68,-.55,.265,1.55) forwards!important}.power-sphere.powered .sphere-middle{animation:sphereDissolve 1.5s cubic-bezier(.68,-.55,.265,1.55) .15s forwards!important}.power-sphere.powered .sphere-inner{animation:sphereDissolve 1.5s cubic-bezier(.68,-.55,.265,1.55) .3s forwards!important}.power-sphere.powered .sphere-core{animation:sphereDissolve 1.5s cubic-bezier(.68,-.55,.265,1.55) .45s forwards!important}.power-sphere.fade-out{animation:sphereZoomFade 1.5s ease-out .9s forwards!important}.mapos-robot{z-index:100;opacity:0;filter:drop-shadow(0 0 #00d9ff00);width:350px;height:350px;transition:filter .8s ease-out;position:absolute;transform:scale(0)}.mapos-robot canvas{width:100%!important;height:100%!important}.mapos-robot.show{animation:robotPop 1s cubic-bezier(.68,-.55,.27,1.55) .3s forwards}.mapos-robot.powered{filter:drop-shadow(0 0 80px #00d9ff)drop-shadow(0 0 120px #8a2be299)!important;opacity:1!important;animation:robotGlow 2s ease-in-out infinite!important;transform:scale(1)!important}.mapos-robot.fade-out{animation:robotZoomFade 1.5s ease-out 1.05s forwards!important}.tagline{z-index:20;opacity:0;align-items:center;gap:16px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.tagline.show{animation:fadeIn 1s ease-out 2.5s forwards}.tagline.fade-out{animation:fadeOut 1.5s ease-out forwards!important}.tagline p{letter-spacing:.3em;color:#fffc;margin:0;font-size:14px;font-weight:600}.tagline.show p:first-of-type{opacity:0;animation:taglineWordFadeIn .6s ease-out 3s forwards}.tagline.show p:nth-of-type(2){opacity:0;animation:taglineWordFadeIn .6s ease-out 3.2s forwards}.tagline.show p:nth-of-type(3){opacity:0;animation:taglineWordFadeIn .6s ease-out 3.4s forwards}.tagline-dot{background:linear-gradient(135deg,#00d9ffcc,#8a2be299);border-radius:50%;width:5px;height:5px;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 10px #00d9ff99}@media (max-width:768px){.center-glow{width:300px;height:300px}.center-container{width:100vw;max-width:500px;height:100vw;max-height:500px}.service-badge{gap:8px}.badge-circle{width:60px;height:60px}.badge-circle svg{width:28px;height:28px}.badge-text{letter-spacing:.06em;font-size:10px}.mapos-container,.power-sphere,.sphere-outer{width:200px;height:200px}.sphere-middle{width:160px;height:160px}.sphere-inner{width:115px;height:115px}.sphere-core{width:70px;height:70px}.mapos-robot{width:200px;height:200px}.mapos-robot.powered{filter:drop-shadow(0 0 40px #00d9ffcc)drop-shadow(0 0 60px #8a2be266)!important}.tagline{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 20px;bottom:40px}.tagline p{letter-spacing:.2em;font-size:11px}.tagline-dot{width:4px;height:4px}.grid-bg{background-size:40px 40px}.connection-line{stroke-width:1.5px}}@media (max-width:480px){.center-container{max-width:380px;max-height:380px}.badge-circle{width:50px;height:50px}.badge-circle svg{width:24px;height:24px}.badge-text{font-size:9px}.mapos-container,.power-sphere,.sphere-outer{width:160px;height:160px}.sphere-middle{width:128px;height:128px}.sphere-inner{width:92px;height:92px}.sphere-core{width:56px;height:56px}.mapos-robot{width:160px;height:160px}.mapos-robot.powered{filter:drop-shadow(0 0 30px #00d9ffb3)drop-shadow(0 0 45px #8a2be24d)!important}.tagline{gap:8px;padding:0 16px;bottom:30px}.tagline p{letter-spacing:.15em;font-size:10px}.tagline-dot{width:3px;height:3px}.grid-bg{background-size:30px 30px}}.content-screen{opacity:0;pointer-events:none;z-index:100;-webkit-overflow-scrolling:touch;background:#000;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:32px;display:flex;position:fixed;top:0;left:0;overflow:auto}@media (max-width:768px){body,html{position:relative;overflow:hidden auto!important}.content-screen,body,html{touch-action:pan-y pinch-zoom;height:auto;min-height:100vh}.content-screen{align-items:flex-start;padding:20px 16px;-webkit-overflow-scrolling:touch!important;position:absolute!important;overflow:hidden auto!important}}.content-screen.show{pointer-events:auto;animation:fadeIn 1s ease-out forwards}.content-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.floating-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:float 20s ease-in-out infinite;position:absolute}.orb-1{background:radial-gradient(circle,#00d9ff,#0000);width:500px;height:500px;animation-duration:25s;animation-delay:0s;top:-250px;left:-250px}.orb-2{background:radial-gradient(circle,#b24bf3,#0000);width:600px;height:600px;animation-duration:30s;animation-delay:-5s;top:20%;right:-300px}.orb-3{background:radial-gradient(circle,#ff1b8d,#0000);width:450px;height:450px;animation-duration:28s;animation-delay:-10s;bottom:-225px;left:30%}.orb-4{background:radial-gradient(circle,#00ff87,#0000);width:550px;height:550px;animation-duration:32s;animation-delay:-15s;bottom:10%;right:10%}.orb-5{background:radial-gradient(circle,gold,#0000);width:400px;height:400px;animation-duration:27s;animation-delay:-8s;top:60%;left:-150px}.orb-6{background:radial-gradient(circle,#ff6b9d,#0000);width:480px;height:480px;animation-duration:29s;animation-delay:-12s;top:40%;right:20%}.particles{position:absolute;inset:0;overflow:hidden}.particle{width:3px;height:3px;animation:particleFloat 15s linear infinite;animation-delay:var(--particle-delay);left:calc(var(--particle-delay)*10);opacity:0;background:#fff9;border-radius:50%;position:absolute;bottom:-20px;box-shadow:0 0 8px #fffc}.grid-overlay{opacity:.4;background-image:linear-gradient(#00d9ff05 1px,#0000 0),linear-gradient(90deg,#00d9ff05 1px,#0000 0);background-size:80px 80px;animation:gridSlide 20s linear infinite;position:absolute;inset:0}@media (max-width:768px){.grid-overlay{opacity:.3;background-size:40px 40px}}@media (max-width:480px){.grid-overlay{opacity:.25;background-size:30px 30px}}.content-wrapper{text-align:center;z-index:1;width:100%;max-width:1600px;position:relative}@media (max-width:768px){.content-wrapper{min-height:auto;padding-bottom:40px}}.content-title{font-family:var(--font-orbitron),sans-serif;letter-spacing:.08em;color:#fff;text-transform:uppercase;-webkit-text-fill-color:transparent;text-shadow:0 0 60px #00d9ff4d;background:linear-gradient(135deg,#fff,#00d9ff 50%,#b24bf3);-webkit-background-clip:text;background-clip:text;margin:0 0 32px;font-size:4.5rem;font-weight:800;animation:titleGlow 3s ease-in-out infinite}.content-divider{background:linear-gradient(90deg,#0000,#00d9ff,#0000);width:224px;height:1px;margin:0 auto 32px}.content-subtitle{letter-spacing:.05em;color:#9ca3af;margin:0;font-size:20px;font-weight:300}.services-grid{scroll-behavior:smooth;grid-template-columns:repeat(4,1fr);gap:48px;max-width:1600px;max-height:70vh;margin-top:80px;padding:0 30px 0 40px;animation:gridFadeIn .8s ease-out .3s both;overflow:hidden auto}.services-grid::-webkit-scrollbar{width:12px}.services-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:10px 0}.services-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d9ff,#b24bf3);border:2px solid #0003;border-radius:10px;-webkit-transition:all .3s;transition:all .3s}.services-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00ff87,#ff6b9d);border:2px solid #0000004d}.services-grid{scrollbar-width:thin;scrollbar-color:#00d9ff #ffffff0d}.service-card{backdrop-filter:blur(20px);animation:cardStagger .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--card-index,0)*.1s + .5s);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #ffffff26;border-radius:32px;flex-direction:column;align-items:center;gap:32px;padding:60px 36px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.service-card:before{background:linear-gradient(135deg,var(--card-color),transparent 70%);border-radius:32px;padding:2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card:after,.service-card:before{content:"";opacity:0;transition:opacity .4s;position:absolute;inset:0}.service-card:after{background:radial-gradient(circle at 50% 0,var(--card-color),transparent 60%)}.service-card:hover{box-shadow:0 24px 100px #0009,0 0 60px var(--card-color),inset 0 1px 0 #fff3;border-color:var(--card-color);background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translateY(-16px)scale(1.03)}.service-card:hover:before{opacity:1}.service-card:hover:after{opacity:.2}.service-card:hover .card-icon{background:var(--card-color);transform:scale(1.2)rotateY(10deg)}.service-card:hover .card-icon:before{opacity:.6;transform:scale(1.8)}.card-icon{width:110px;height:110px;transform-style:preserve-3d;background:#ffffff1a;border:2px solid #fff3;border-radius:28px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3}.card-icon svg{color:#fff;filter:drop-shadow(0 2px 8px #00000080);transition:all .4s}.service-card:hover .card-icon svg{color:#000;filter:drop-shadow(0 4px 12px #000c);transform:scale(1.1)}.card-icon:before{background:radial-gradient(circle,var(--card-color),transparent 70%);opacity:.3;filter:blur(30px);transition:all .4s;inset:-40px}.card-icon:after,.card-icon:before{content:"";z-index:-1;position:absolute}.card-icon:after{background:linear-gradient(135deg,var(--card-color),transparent);opacity:0;border-radius:28px;transition:opacity .4s;inset:-2px}.service-card:hover .card-icon:after{opacity:.5}.card-title{letter-spacing:.03em;color:#fff;text-align:center;text-shadow:0 2px 8px #0000004d;margin:0;font-size:22px;font-weight:700;transition:all .3s}.card-dismiss{color:#fff9;cursor:pointer;opacity:0;z-index:10;backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.service-card.dismissed .card-dismiss,.service-card:hover .card-dismiss{opacity:1}.card-dismiss:hover{color:#f44;background:#f003;border-color:#f006;transform:scale(1.1)}.service-card.dismissed .card-dismiss{color:#00ff87;background:#00ff8733;border-color:#00ff8766}.service-card.dismissed .card-dismiss:hover{color:#00ff87;background:#00ff874d;border-color:#00ff8799}.service-card.dismissed{opacity:.015;filter:grayscale()blur(2px);transition:all .5s;transform:scale(.92)}.service-card.dismissed:hover{opacity:.06;filter:grayscale()blur(1px);transform:scale(.92)}.card-description{color:#fff9;text-align:center;margin:12px 0 0;font-size:13px;font-weight:400;line-height:1.5;transition:all .3s}.service-card:hover .card-title{color:var(--card-color);text-shadow:0 0 20px var(--card-color);transform:scale(1.08)}.service-card:hover .card-description{color:#ffffffe6}.service-card{cursor:pointer}@media (max-width:1024px){.content-title{font-size:3.5rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-height:65vh;margin-top:60px;padding:0 20px 0 24px}.service-card{gap:24px;padding:48px 28px}.card-icon{width:90px;height:90px}.card-title{font-size:20px}.card-description{font-size:12px}}@media (max-width:768px){.content-title{font-size:2.5rem}.services-grid{grid-template-columns:1fr;gap:24px;max-height:60vh;margin-top:48px;padding:0 16px 0 20px}.service-card{border-radius:24px;gap:20px;min-height:44px;padding:40px 24px}.service-card:hover{transform:translateY(-8px)scale(1.02)}.card-icon{border-radius:20px;width:80px;height:80px}.card-title{font-size:18px}.card-description{font-size:12px;line-height:1.6}}@media (max-width:480px){.content-title{letter-spacing:.05em;font-size:2rem}.services-grid{gap:20px;max-height:55vh;margin-top:40px;padding:0 12px 0 16px}.service-card{border-radius:20px;gap:16px;min-height:44px;padding:32px 20px}.service-card:hover{transform:translateY(-4px)scale(1.01)}.card-icon{border-radius:16px;width:70px;height:70px}.card-icon svg{width:32px;height:32px}.card-title{letter-spacing:.02em;font-size:16px}.card-description{margin-top:8px;font-size:11px;line-height:1.5}.service-card:hover .card-icon{transform:scale(1.1)}.service-card:hover .card-title{transform:scale(1.05)}}.back-button{color:#fff;cursor:pointer;backdrop-filter:blur(10px);z-index:10;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid #fff3;border-radius:50px;padding:16px 32px;font-size:18px;font-weight:600;transition:all .3s;position:absolute;top:40px;left:40px}.back-button:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#00d9ffcc;transform:translate(-4px);box-shadow:0 8px 32px #00d9ff4d}@media (max-width:768px){.back-button{padding:12px 24px;font-size:16px;top:20px;left:20px}}@media (max-width:480px){.back-button{padding:10px 20px;font-size:14px;top:16px;left:16px}}.demo-overlay{backdrop-filter:blur(10px);z-index:1000;-webkit-overflow-scrolling:touch;background:#000000f2;justify-content:center;align-items:center;animation:overlayFadeIn .3s ease-out;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:768px){.demo-overlay{touch-action:pan-y pinch-zoom;align-items:flex-start;padding:10px;overflow-x:hidden;-webkit-overflow-scrolling:touch!important;overflow-y:scroll!important}}.demo-content{background:linear-gradient(135deg,#14141ef2,#0a0a14f2);border:2px solid #00d9ff4d;border-radius:32px;width:90vw;max-width:1400px;height:85vh;animation:demoSlideUp .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 20px 100px #00d9ff33,0 0 80px #b24bf31a,inset 0 1px #ffffff1a}.demo-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.demo-close:hover{background:#ff3232cc;border-color:#ff3232;transform:rotate(90deg)scale(1.1);box-shadow:0 0 30px #ff323280}.demo-inner{flex-direction:column;width:100%;height:100%;transition:all .3s ease-out;display:flex;overflow:hidden}.demo-inner.transitioning-right{animation:slideOutRight .3s ease-out forwards}.demo-inner.transitioning-left{animation:slideOutLeft .3s ease-out forwards}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}.demo-nav-btn{color:#00d9ff;cursor:pointer;backdrop-filter:blur(10px);z-index:11;background:#00d9ff26;border:2px solid #00d9ff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.demo-nav-btn.prev{left:-32px}.demo-nav-btn.next{right:-32px}.demo-nav-btn:hover{background:#00d9ff4d;border-color:#00d9ff99;box-shadow:0 0 20px #00d9ff66}.demo-nav-btn:active{transform:translateY(-50%)scale(.95)}.demo-nav-btn.prev:hover{transform:translateY(-50%)translate(-8px)scale(1.1)}.demo-nav-btn.next:hover{transform:translateY(-50%)translate(8px)scale(1.1)}@media (max-width:1024px){.demo-content{border-radius:24px;width:95vw;height:90vh}.demo-nav-btn{width:56px;height:56px}.demo-nav-btn.prev{left:16px}.demo-nav-btn.next{right:16px}}@media (max-width:768px){.demo-content{border:none;border-radius:0;width:100vw;height:100vh}.demo-close{width:40px;height:40px;font-size:20px;top:16px;right:16px}.demo-nav-btn{width:48px;height:48px;font-size:20px}.demo-nav-btn.prev{left:8px}.demo-nav-btn.next{right:8px}}@media (max-width:480px){.demo-nav-btn{width:40px;height:40px;font-size:18px}.demo-nav-btn.prev{left:4px}.demo-nav-btn.next{right:4px}.demo-close{width:36px;height:36px;font-size:18px}}.demo-crm{flex-direction:column;height:100%;display:flex}.demo-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:40px}.demo-header,.integration-btn{align-items:center;display:flex}.integration-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b24bf3,#ff6b9d);border:none;border-radius:12px;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s}.integration-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b24bf366}.demo-title{font-family:var(--font-orbitron),sans-serif;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d9ff,#ff6b9d);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:3rem;font-weight:700}.demo-subtitle{color:#fff9;margin:0;font-size:1.2rem}.demo-main{flex:1;min-height:0;display:flex;overflow:hidden}.demo-sidebar{background:#0000004d;border-right:1px solid #ffffff1a;flex-direction:column;gap:8px;width:250px;padding:24px;display:flex}.sidebar-btn{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.sidebar-btn:hover{color:#fff;background:#ffffff1a;transform:translate(4px)}.sidebar-btn.active{color:#00d9ff;background:linear-gradient(135deg,#00d9ff33,#b24bf333);border:1px solid #00d9ff4d;box-shadow:0 4px 12px #00d9ff33}.demo-nav-item{color:#ffffffb3;cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:16px;transition:all .3s;display:flex}.demo-nav-item:hover{color:#fff;background:#ffffff1a}.demo-nav-item.active{color:#00d9ff;background:linear-gradient(135deg,#00d9ff33,#b24bf333);border:1px solid #00d9ff4d}.demo-body{flex:1;padding:40px;overflow-y:auto}.demo-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.demo-stat-card{animation:statPulse 2s ease-in-out infinite;animation-delay:calc(var(--index,0)*.2s);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:20px;padding:32px}.demo-stat-card:first-child{--index:0}.demo-stat-card:nth-child(2){--index:1}.demo-stat-card:nth-child(3){--index:2}.stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d9ff,#00ff87);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem}.demo-table{background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden}.demo-table-header{color:#fff;background:#00d9ff1a;border-bottom:1px solid #ffffff1a;padding:24px;font-size:1.2rem;font-weight:600}.demo-table-row{border-bottom:1px solid #ffffff0d;align-items:center;padding:20px 24px;transition:all .3s;animation:rowSlideIn .5s ease-out both;display:flex}.demo-table-row:nth-child(2){animation-delay:.1s}.demo-table-row:nth-child(3){animation-delay:.2s}.demo-table-row:nth-child(4){animation-delay:.3s}.demo-table-row:hover{background:#ffffff0d;transform:translate(8px)}.contact-avatar{background:linear-gradient(135deg,#00d9ff,#b24bf3);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:16px;font-size:1.1rem;font-weight:700;display:flex}.contact-info{flex:1}.contact-name{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:600}.contact-email{color:#ffffff80;font-size:.9rem}.contact-status{border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:600}.contact-status.active{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.contact-status.pending{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.demo-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.demo-placeholder .demo-title{font-size:4rem}.demo-placeholder .demo-subtitle{font-size:1.5rem}.crm-split-view{grid-template-columns:400px 1fr;gap:32px;margin-top:32px;display:grid}.customer-list-section{height:-moz-fit-content;height:fit-content}.customer-detail-section{justify-content:center;align-items:center;min-height:500px;display:flex}.demo-table-row.selected{border-left:3px solid #00d9ff;background:#00d9ff26!important}.no-selection{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:1.1rem;display:flex}.customer-detail{width:100%;animation:slideIn .4s ease-out}.detail-header{margin-bottom:32px}.back-btn-small{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:24px;padding:10px 20px;font-size:.95rem;transition:all .3s}.back-btn-small:hover{background:#ffffff26;transform:translate(-4px)}.customer-detail-info{align-items:center;gap:20px;display:flex}.contact-avatar-large{background:linear-gradient(135deg,#00d9ff,#b24bf3);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.customer-detail-name{color:#fff;margin:0 0 4px;font-size:2rem;font-weight:600}.customer-detail-email{color:#fff9;margin:0;font-size:1.1rem}.action-buttons{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.action-buttons .action-btn{flex:1;min-width:140px}.action-btn{cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.action-btn.primary{color:#000;background:linear-gradient(135deg,#00d9ff,#00ff87)}.action-btn.primary:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00d9ff66}.action-btn.secondary{color:#fff;background:#ffffff1a;border-color:#00d9ff66}.action-btn.secondary:hover{background:#00d9ff33;transform:translateY(-4px)}.action-btn.tertiary{color:#fff;background:#ffffff0d;border-color:#fff3}.action-btn.tertiary:hover{background:#ffffff1a;transform:translateY(-4px)}.customer-sections{grid-template-columns:1fr 1fr;gap:32px;display:grid}.customer-sections-vertical{flex-direction:column;gap:24px;display:flex}.section{background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.section-title{color:#fff;margin:0 0 20px;font-size:1.3rem;font-weight:600}.invoice-list{flex-direction:column;gap:16px;display:flex}.invoice-item{background:#ffffff0d;align-items:center;gap:12px;padding:16px;display:flex}.invoice-item:hover{background:#ffffff14;transform:translate(4px)}.invoice-details{flex:1}.invoice-number{color:#fff;margin-bottom:4px;font-weight:600}.invoice-date{color:#ffffff80;font-size:.9rem}.invoice-amount{color:#00ff87;margin-right:16px;font-size:1.2rem;font-weight:700}.invoice-status{border-radius:16px;padding:6px 16px;font-size:.85rem;font-weight:600}.invoice-status.paid{color:#00ff87;background:#00ff8733}.invoice-status.pending{color:#ff8c00;background:#ff8c0033}.payment-timeline{flex-direction:column;gap:20px;display:flex}.timeline-item{gap:16px;display:flex;position:relative}.timeline-item:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:30px;bottom:-20px;left:11px}.timeline-item:last-child:before{display:none}.timeline-dot{border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-top:4px}.timeline-dot.paid{background:#00ff87;box-shadow:0 0 20px #00ff8780}.timeline-dot.pending{background:#ff8c00;box-shadow:0 0 20px #ff8c0080}.timeline-dot.reminder{background:#b24bf3;box-shadow:0 0 20px #b24bf380}.timeline-content{flex:1}.timeline-title{color:#fff;margin-bottom:4px;font-weight:600}.timeline-date{color:#ffffff80;margin-bottom:4px;font-size:.9rem}.timeline-amount{color:#00ff87;font-size:1.1rem;font-weight:700}.modal-overlay{backdrop-filter:blur(8px);z-index:2000;-webkit-overflow-scrolling:touch;background:#000c;justify-content:center;align-items:center;animation:overlayFadeIn .3s ease-out forwards;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:768px){.modal-overlay{touch-action:pan-y pinch-zoom;align-items:flex-start;padding:10px;overflow-x:hidden;-webkit-overflow-scrolling:touch!important;overflow-y:scroll!important}}.modal-overlay.closing{animation:overlayFadeOut .3s ease-out forwards}.modal-content{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#14141efa,#0a0a14fa);border:2px solid #00d9ff4d;border-radius:24px;width:90%;max-width:700px;max-height:90vh;padding:40px;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;overflow-y:auto;box-shadow:0 20px 80px #00d9ff4d}.modal-content.closing{animation:modalSlideDown .3s ease-in forwards}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:#ff323299;transform:rotate(90deg)}.modal-title{font-family:var(--font-orbitron),sans-serif;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d9ff,#ff6b9d);-webkit-background-clip:text;background-clip:text;margin:0 0 32px;font-size:2rem;font-weight:700}.invoice-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fffc;font-size:.95rem;font-weight:600}.form-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:12px 16px;font-size:1rem;transition:all .3s}.form-input:focus{background:#ffffff14;border-color:#00d9ff;outline:none;box-shadow:0 0 20px #00d9ff33}.form-input.small{width:80px}.form-input.flex-1{flex:1}.invoice-items{flex-direction:column;gap:12px;display:flex}.invoice-item-row{align-items:center;gap:12px;display:flex}.item-total{color:#00ff87;text-align:right;min-width:120px;font-size:1.1rem;font-weight:700}.add-item-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;transition:all .3s;display:flex}.add-item-btn:hover{color:#00d9ff;background:#ffffff1a;border-color:#00d9ff}.invoice-summary{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:20px}.summary-row{padding:12px 0}.generate-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.generate-btn:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00d9ff80}.payment-overview{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.payment-stat-box{text-align:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.payment-stat-label{color:#fff9;margin-bottom:12px}.payment-stat-value{font-size:2.5rem;font-weight:700}.payment-stat-value.outstanding{color:#ff8c00}.payment-stat-value.paid{color:#00ff87}.payment-tracker{background:#0003;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.tracker-title{color:#fff;margin:0 0 20px;font-size:1.2rem;font-weight:600}.payment-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.payment-entry{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.payment-entry:hover{background:#ffffff14;transform:translate(4px)}.payment-info-col{flex:1}.payment-desc{color:#fff;margin-bottom:4px;font-weight:600}.payment-method{color:#ffffff80;font-size:.9rem}.payment-date{color:#fff9;margin-right:16px;font-size:.9rem}.payment-value{text-align:right;min-width:120px;font-size:1.2rem;font-weight:700}.payment-value.success{color:#00ff87}.payment-value.pending{color:#ff8c00}.reminder-btn{color:#ff8c00;cursor:pointer;background:#ff8c0033;border:1px solid #ff8c0066;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px;font-weight:600;transition:all .3s;display:flex}.reminder-btn:hover{background:#ff8c004d;transform:translateY(-2px)}@media (max-width:768px){.modal-content{border-radius:16px;width:95%;max-width:95%;max-height:85vh;padding:24px 20px}.modal-title{margin-bottom:20px;font-size:1.5rem}.modal-close{width:36px;height:36px;top:12px;right:12px}.form-row{grid-template-columns:1fr;gap:12px}.form-group label{font-size:.9rem}.form-input{padding:10px 14px;font-size:.95rem}.invoice-items{gap:16px}.invoice-item-row{background:#ffffff08;border-radius:8px;flex-direction:column;gap:8px;padding:12px}.form-input.small{width:100%}.item-total{text-align:left;min-width:auto;font-size:1rem}.add-item-btn{padding:12px 16px;font-size:.9rem}.invoice-summary{border-radius:12px;padding:16px}.summary-row{padding:10px 0;font-size:.9rem}.summary-row.total{padding-top:12px;font-size:1.1rem}.generate-btn{padding:14px;font-size:1rem}.payment-overview{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.payment-stat-box{padding:20px}.payment-stat-value{font-size:2rem}.payment-tracker{padding:20px}.tracker-title{font-size:1.1rem}.payment-entry{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.payment-date{margin-right:0;font-size:.85rem}.payment-value{text-align:left;min-width:auto;font-size:1.1rem}.reminder-btn{padding:12px;font-size:.95rem}}@media (max-width:480px){.modal-content{border-radius:12px;width:98%;max-width:98%;padding:20px 16px}.modal-title{margin-bottom:16px;font-size:1.3rem}.modal-close{width:32px;height:32px;top:10px;right:10px}.form-group label{font-size:.85rem}.form-input{border-radius:10px;padding:10px 12px;font-size:.9rem}.invoice-item-row{padding:10px}.item-total{font-size:.95rem}.add-item-btn{padding:10px 14px;font-size:.85rem}.invoice-summary{padding:14px}.summary-row{padding:8px 0;font-size:.85rem}.summary-row.total{padding-top:10px;font-size:1rem}.generate-btn{padding:12px;font-size:.95rem}.payment-stat-box{padding:16px}.payment-stat-label{font-size:.85rem}.payment-stat-value{font-size:1.8rem}.payment-tracker{padding:16px}.tracker-title{margin-bottom:16px;font-size:1rem}.payment-entry{padding:14px}.payment-desc{font-size:.95rem}.payment-date,.payment-method{font-size:.8rem}.payment-value{font-size:1rem}.reminder-btn{gap:8px;padding:12px;font-size:.9rem}}@media (max-width:1024px){.demo-header{padding:32px 24px}.demo-title{font-size:2.5rem}.demo-subtitle{font-size:1.1rem}.demo-sidebar{width:220px;padding:20px}.demo-body{padding:32px 24px}.demo-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.crm-split-view{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.demo-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}.demo-title{font-size:2rem}.demo-subtitle{font-size:1rem}.demo-main{flex-direction:column}.demo-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;flex-direction:row;gap:8px;width:100%;padding:16px;overflow-x:auto}.sidebar-btn{font-size:.9rem}.demo-nav-item,.sidebar-btn{white-space:nowrap;padding:12px 16px}.demo-body{padding:24px 20px}.demo-stats{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.demo-stat-card{padding:24px}.demo-table-row{flex-wrap:wrap;padding:16px 20px}.contact-avatar{width:40px;height:40px;margin-right:12px;font-size:1rem}.contact-name{font-size:1rem}.contact-email{font-size:.85rem}.integration-btn{padding:10px 20px;font-size:.9rem}}@media (max-width:480px){.demo-header{padding:20px 16px}.demo-title{font-size:1.5rem}.demo-subtitle{font-size:.9rem}.demo-body{padding:20px 16px}.demo-stat-card{padding:20px}.demo-table-row{padding:12px 16px}.contact-avatar{width:36px;height:36px;margin-right:8px;font-size:.9rem}.contact-name{font-size:.95rem}.contact-email{font-size:.8rem}.contact-status{padding:6px 16px;font-size:.85rem}.integration-btn{justify-content:center;width:100%}.sidebar-btn{padding:10px 14px;font-size:.85rem}.demo-placeholder .demo-title{font-size:2rem}.demo-placeholder .demo-subtitle{font-size:1rem}}.inventory-actions{gap:16px;margin-bottom:24px}.inventory-actions,.search-bar{align-items:center;display:flex}.search-bar{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:1;gap:12px;padding:12px 16px;transition:all .3s}.search-bar:focus-within{background:#ffffff14;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff33}.search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-bar input::-moz-placeholder{color:#fff6}.search-bar input::placeholder{color:#fff6}.alert-banner{color:#ff8c00;background:#ff8c0026;border:1px solid #ff8c0066;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-weight:600;animation:alertPulse 2s ease-in-out infinite;display:flex}.inventory-split-view{grid-template-columns:1fr 350px;gap:24px;display:grid}.inventory-activity-section,.inventory-list-section{max-height:500px;overflow-y:auto}.inventory-table-headers{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;border-bottom:1px solid #ffffff1a;padding:16px 24px;font-size:.9rem;font-weight:600}.inventory-row,.inventory-table-headers{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;display:grid}.inventory-row{border-bottom:1px solid #ffffff0d;align-items:center;padding:20px 24px;transition:all .3s;animation:rowSlideIn .5s ease-out both}.inventory-row:nth-child(2){animation-delay:50ms}.inventory-row:nth-child(3){animation-delay:.1s}.inventory-row:nth-child(4){animation-delay:.15s}.inventory-row:nth-child(5){animation-delay:.2s}.inventory-row:nth-child(6){animation-delay:.25s}.inventory-row:nth-child(7){animation-delay:.3s}.inventory-row:hover{background:#ffffff0d}.inv-col-name{align-items:center;gap:12px;display:flex}.inv-product-name{color:#fff;margin-bottom:4px;font-weight:600}.inv-product-category{color:#ffffff80;font-size:.85rem}.inv-col-sku{color:#ffffffb3;font-family:Courier New,monospace;font-size:.9rem}.inv-col-stock{flex-direction:column;gap:4px;display:flex}.stock-amount{color:#fff;font-size:1.2rem;font-weight:700}.stock-min{color:#ffffff80;font-size:.8rem}.stock-badge{text-align:center;white-space:nowrap;border-radius:12px;padding:6px 12px;font-size:.85rem;font-weight:600}.stock-badge.ok{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.stock-badge.low{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.stock-badge.out{color:#ff1b8d;background:#ff1b8d33;border:1px solid #ff1b8d66}.resupply-btn{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.resupply-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #00d9ff66}.alerts-view{animation:fadeIn .4s ease-out}.alerts-list{flex-direction:column;gap:16px;display:flex}.alert-item{background:#ff8c001a;border:1px solid #ff8c004d;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s;animation:slideIn .4s ease-out;display:flex}.alert-item.critical{background:#ff1b8d1a;border-color:#ff1b8d66}.alert-item:hover{background:#ff8c0026;transform:translate(8px)}.alert-item.critical:hover{background:#ff1b8d26}.alert-icon{flex-shrink:0}.alert-details{flex:1}.alert-product{color:#fff;margin-bottom:8px;font-size:1.2rem;font-weight:600}.alert-info{color:#fff9;align-items:center;gap:12px;margin-bottom:8px;font-size:.9rem;display:flex}.alert-cost-center{color:#00d9ff;font-weight:600}.alert-shortage{color:#ff8c00;font-size:.95rem;font-weight:600}.reports-view{animation:fadeIn .4s ease-out}.report-header{margin-bottom:32px}.report-product-info{margin-top:16px}.report-product-name{color:#fff;margin:0 0 8px;font-size:2rem;font-weight:700}.report-product-meta{color:#fff9;font-size:1rem}.report-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.report-stat-card{text-align:center;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:16px;padding:24px;animation:statPulse 2s ease-in-out infinite}.report-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.9rem}.report-stat-value{color:#00d9ff;margin-bottom:8px;font-size:2.5rem;font-weight:700}.report-stat-sublabel{color:#ffffff80;font-size:.85rem}.movement-list{flex-direction:column;gap:12px;display:flex}.movement-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:140px 1fr 150px 120px;align-items:center;gap:20px;padding:20px;transition:all .3s;animation:rowSlideIn .5s ease-out;display:grid}.movement-item:hover{background:#ffffff14;transform:translate(4px)}.movement-type{text-align:center;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600}.movement-type.inbound{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.movement-type.outbound{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.movement-details{flex-direction:column;gap:4px;display:flex}.movement-date{color:#fff;font-weight:600}.movement-cost-center{color:#ffffff80;font-size:.85rem}.movement-cost,.movement-quantity{text-align:right;font-size:1.1rem;font-weight:700}@media (max-width:1024px){.inventory-split-view{grid-template-columns:1fr;gap:20px}.inventory-row,.inventory-table-headers{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:12px;padding:16px 20px}.report-stats{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:768px){.inventory-actions{flex-direction:column;gap:12px}.search-bar{width:100%}.inventory-split-view{grid-template-columns:1fr}.inventory-table-headers{display:none}.inventory-row{border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:20px 16px}.inv-col-actions,.inv-col-name,.inv-col-sku,.inv-col-status,.inv-col-stock{flex-direction:column;gap:4px;display:flex}.inv-col-name:before{content:"Product"}.inv-col-name:before,.inv-col-sku:before{color:#ffffff80;text-transform:uppercase;font-size:.75rem;font-weight:600}.inv-col-sku:before{content:"SKU"}.inv-col-stock:before{content:"Stock";color:#ffffff80;text-transform:uppercase;font-size:.75rem;font-weight:600}.resupply-btn{justify-content:center;width:100%}.report-stats{grid-template-columns:1fr;gap:12px}.alert-item{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}}@media (max-width:480px){.inventory-row{padding:16px 12px}.stock-badge{text-align:center;width:100%}.resupply-btn{padding:10px 16px;font-size:.8rem}.alert-item{padding:16px}.alert-product{font-size:1.1rem}.alert-info{flex-direction:column;align-items:flex-start;gap:8px}}.orders-view{animation:fadeIn .4s ease-out}.order-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:20px;margin-bottom:20px;padding:24px;transition:all .3s;animation:slideIn .4s ease-out}.order-card:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);transform:translate(8px);box-shadow:0 8px 32px #00d9ff33}.order-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.order-number{color:#00d9ff;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700}.delivery-badge{border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.delivery-badge.in-house{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.delivery-badge.outsourced{color:#b24bf3;background:#b24bf333;border:1px solid #b24bf366}.order-details{margin-bottom:20px}.order-customer{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-size:1.1rem;font-weight:600;display:flex}.order-info{color:#fff9;gap:12px;font-size:.95rem;display:flex}.order-tracking{background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.tracking-status{align-items:center;gap:12px;display:flex}.tracking-location{color:#fff;margin-bottom:4px;font-weight:600}.tracking-driver{color:#fff9;font-size:.9rem}.tracking-time{color:#00d9ff;align-items:center;gap:8px;font-weight:600;display:flex}.order-status-bar{align-items:center;gap:12px;display:flex}.status-label{color:#fffc;font-weight:600}.status-dropdown{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;flex:1;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .3s}.status-dropdown:hover{background:#ffffff1f;border-color:#00d9ff}.status-dropdown:focus{border-color:#00d9ff;outline:none;box-shadow:0 0 20px #00d9ff4d}.delivery-note-btn{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .3s;display:flex}.delivery-note-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff66}.fleet-view{animation:fadeIn .4s ease-out}.fleet-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.fleet-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:20px;padding:24px;transition:all .3s;animation:cardStagger .6s ease-out both;position:relative}.fleet-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00d9ff4d}.fleet-status-indicator{border-radius:50%;width:12px;height:12px;animation:statusPulse 2s ease-in-out infinite;position:absolute;top:12px;right:12px}.fleet-status-indicator.active{background:#00ff87;box-shadow:0 0 20px #00ff87cc}.fleet-status-indicator.available{background:#9ca3af;box-shadow:0 0 10px #9ca3af80}.fleet-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.fleet-driver-name{color:#fff;font-size:1.2rem;font-weight:700}.fleet-vehicle{color:#fff9;font-size:.9rem}.fleet-info{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.fleet-info-row{color:#fffc;align-items:center;gap:8px;font-size:.95rem;display:flex}.fleet-capacity{margin-bottom:16px}.capacity-label{color:#fff9;margin-bottom:8px;font-size:.9rem}.capacity-bar{border-radius:4px;margin-bottom:4px}.capacity-value{color:#00d9ff;text-align:right;font-size:.85rem;font-weight:600}.fleet-status-badge{text-align:center;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:600}.fleet-status-badge.active{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.fleet-status-badge.available{color:#9ca3af;background:#9ca3af33;border:1px solid #9ca3af66}.assign-orders-list{flex-direction:column;gap:12px;display:flex}.assign-order-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.assign-order-item:hover{background:#ffffff14}.assign-order-info{align-items:center;gap:20px;display:flex}.assign-order-number{color:#00d9ff;font-family:Courier New,monospace;font-weight:700}.assign-order-customer{color:#fffc}.fleet-assign-dropdown{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .3s}.fleet-assign-dropdown:hover{background:#ffffff1f;border-color:#00d9ff}.fleet-assign-dropdown:focus{border-color:#00d9ff;outline:none}.history-view{animation:fadeIn .4s ease-out}.history-order-row{border-bottom:1px solid #ffffff0d;grid-template-columns:180px 1fr 150px 150px 140px;align-items:center;gap:20px;padding:20px 24px;transition:all .3s;display:grid}.history-order-row:hover{background:#ffffff0d}.history-order-number{color:#00d9ff;font-family:Courier New,monospace;font-weight:700}.history-order-customer{color:#fff;font-weight:600}.history-order-total{color:#00ff87;font-size:1.1rem;font-weight:700}.history-status-badge{border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.history-status-badge.delivered{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.history-status-badge.cancelled{color:#ff1b8d;background:#ff1b8d33;border:1px solid #ff1b8d66}.history-view-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .3s;display:flex}.history-view-btn:hover{background:#00d9ff33;border-color:#00d9ff;transform:translateY(-2px)}.delivery-note-modal{max-width:800px}.delivery-note-content{animation:fadeIn .3s ease-out}.delivery-note-header{border-bottom:2px solid #00d9ff4d;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.note-company h4{color:#00d9ff;margin:0 0 4px;font-size:1.8rem;font-weight:700}.note-company p{color:#fff9;margin:0;font-size:.95rem}.note-order-number{color:#00ff87;text-align:right;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700}.note-date{color:#fff9;text-align:right;margin-top:4px;font-size:.9rem}.delivery-note-section{margin-bottom:24px}.delivery-note-section h5{color:#fff;border-bottom:1px solid #ffffff1a;margin:0 0 12px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.note-info-grid{color:#fffc;grid-template-columns:repeat(2,1fr);gap:12px;font-size:.95rem;display:grid}.note-info-grid strong{color:#00d9ff;margin-right:8px}.note-items-table{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;overflow:hidden}.note-items-header{color:#fff;background:#00d9ff1a;font-weight:600}.note-items-header,.note-items-row{grid-template-columns:2fr 1fr 1fr;padding:16px 20px;display:grid}.note-items-row{color:#fffc;border-top:1px solid #ffffff0d}.note-status{text-align:center;border-radius:8px;width:-moz-fit-content;width:fit-content;padding:4px 12px;font-size:.85rem;font-weight:600}.note-status.pending{color:#ff8c00;background:#ff8c0033}.note-status.in-transit{color:#00d9ff;background:#00d9ff33}.note-status.delivered{color:#00ff87;background:#00ff8733}.note-total{background:#0003;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;display:flex}.note-total-amount{color:#00ff87;font-size:1.5rem;font-weight:700}.delivery-note-footer{grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;display:grid}.note-signature-box{text-align:center}.signature-line{background:#ffffff4d;width:100%;height:1px;margin-bottom:8px}.note-signature-box p{color:#fff9;margin:0;font-size:.9rem}.mini-window-overlay{backdrop-filter:blur(4px);z-index:3000;background:#0009;justify-content:center;align-items:center;animation:overlayFadeIn .3s ease-out;display:flex;position:fixed;inset:0}.mini-window{background:linear-gradient(135deg,#14141efa,#0a0a14fa);border:2px solid #b24bf366;border-radius:24px;width:600px;max-height:80vh;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 20px 100px #b24bf34d,0 0 80px #ff6b9d33,inset 0 1px #ffffff1a}.mini-window-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.mini-window-header h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#b24bf3,#ff6b9d);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.mini-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.mini-close:hover{background:#ff323299;transform:rotate(90deg)}.mini-window-content{max-height:calc(80vh - 88px);padding:32px;overflow-y:auto}.integration-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px;transition:all .3s;animation:slideIn .4s ease-out}.integration-card.active{background:#b24bf31a;border-color:#b24bf380;box-shadow:0 0 30px #b24bf333}.integration-card.completed{background:#00ff870d;border-color:#00ff874d}.integration-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.integration-icon{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.integration-header h4{color:#fff;margin:0 0 4px;font-size:1.2rem;font-weight:700}.integration-header p{color:#fff9;margin:0;font-size:.9rem}.integration-demo{animation:fadeIn .3s ease-out}.demo-invoice-preview,.demo-manufacturing-order,.demo-website-order{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;margin-bottom:16px;padding:20px}.preview-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.preview-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.preview-number{color:#00d9ff;font-family:Courier New,monospace;font-weight:700}.manufacturing-order-info,.preview-details,.website-order-info{flex-direction:column;gap:12px;display:flex}.preview-row{color:#fffc;justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.preview-total{font-size:1.2rem;color:#00ff87!important}.manufacturing-badge,.website-badge{border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.website-badge{color:#b24bf3;background:#b24bf333;border:1px solid #b24bf366}.manufacturing-badge{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.status-completed{color:#00ff87!important}.sync-indicator{color:#00d9ff;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:.9rem;font-weight:600;display:flex}.sync-pulse{background:#00d9ff;border-radius:50%;width:12px;height:12px;animation:statusPulse 2s ease-in-out infinite;box-shadow:0 0 20px #00d9ffcc}.integration-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b24bf3,#ff6b9d);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.integration-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b24bf380}.integration-success{color:#00ff87;background:#00ff871a;border:1px solid #00ff874d;border-radius:12px;align-items:center;gap:12px;padding:16px;font-weight:600;animation:slideIn .4s ease-out;display:flex}.integration-complete{text-align:center;background:linear-gradient(135deg,#00ff871a,#00d9ff1a);border:2px solid #00ff874d;border-radius:16px;padding:32px 24px;animation:slideIn .5s ease-out}.complete-icon{margin-bottom:16px}.integration-complete h4{color:#00ff87;margin:0 0 12px;font-size:1.5rem;font-weight:700}.integration-complete p{color:#fffc;margin:0 0 24px;font-size:1rem}.view-orders-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.view-orders-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff80}@media (max-width:1024px){.orders-grid{gap:16px}.order-details-grid,.orders-grid{grid-template-columns:repeat(2,1fr)}.order-details-grid{gap:12px}}@media (max-width:768px){.orders-grid{grid-template-columns:1fr;gap:16px}.order-card{padding:20px}.order-details-grid{grid-template-columns:1fr;gap:12px}.assign-orders-list{gap:8px}.mini-window-overlay{padding:16px}.mini-window{border-radius:20px;width:95%;max-width:95%;max-height:85vh}.mini-window-header{padding:20px 24px}.mini-window-header h3{font-size:1.3rem}.mini-close{width:34px;height:34px}.mini-window-content{max-height:calc(85vh - 80px);padding:24px 20px}.integration-card{margin-bottom:16px;padding:20px}.integration-header{gap:12px;margin-bottom:16px}.integration-icon{width:48px;height:48px}.integration-header h4{font-size:1.1rem}.integration-header p{font-size:.85rem}.integration-action-btn{padding:12px;font-size:.95rem}.integration-complete{padding:24px 20px}.integration-complete h4{font-size:1.3rem}.view-orders-btn{padding:12px 24px;font-size:.95rem}.integration-demo{padding:20px}.demo-invoice-preview,.demo-manufacturing-order,.demo-website-order{padding:16px}.view-orders-btn{justify-content:center;width:100%}}@media (max-width:480px){.order-card{padding:16px}.order-header{flex-direction:column;align-items:flex-start;gap:8px}.mini-window-overlay{padding:12px}.mini-window{border-radius:16px;width:98%;max-width:98%;max-height:88vh}.mini-window-header{padding:16px 20px}.mini-window-header h3{font-size:1.2rem}.mini-close{width:32px;height:32px}.mini-window-content{max-height:calc(88vh - 72px);padding:20px 16px}.integration-card{margin-bottom:12px;padding:16px}.integration-header{gap:10px;margin-bottom:12px}.integration-icon{width:44px;height:44px}.integration-header h4{font-size:1rem}.integration-header p{font-size:.8rem}.integration-action-btn{padding:12px;font-size:.9rem}.integration-complete{padding:20px 16px}.integration-complete h4{font-size:1.2rem}.integration-complete p{font-size:.95rem}.view-orders-btn{padding:12px 20px;font-size:.9rem}.integration-demo{padding:16px}.demo-invoice-preview,.demo-manufacturing-order,.demo-website-order{padding:12px}.preview-row{font-size:.9rem}.preview-total{font-size:1.1rem}}.accounting-view{animation:fadeIn .4s ease-out}.section-header{justify-content:space-between;margin-bottom:24px}.auto-jv-badge,.section-header{align-items:center;display:flex}.auto-jv-badge{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766;border-radius:10px;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600}.journal-row,.journal-table-header{grid-template-columns:120px 2fr 1.5fr 1.5fr 120px 150px;align-items:center;gap:16px;display:grid}.journal-table-header{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;border-bottom:1px solid #ffffff1a;padding:16px 24px;font-size:.9rem;font-weight:600}.journal-row{border-bottom:1px solid #ffffff0d;padding:20px 24px;transition:all .3s;animation:rowSlideIn .5s ease-out}.journal-row:hover{background:#ffffff0d}.journal-date{color:#fffc;font-size:.9rem}.journal-description{color:#fff;font-weight:600}.journal-account{border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:600}.journal-account.debit{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.journal-account.credit{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.journal-amount{color:#00d9ff;font-size:1.1rem;font-weight:700}.journal-source{justify-content:center;display:flex}.source-badge{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.source-badge.auto{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66}.source-badge.manual{color:#b24bf3;background:#b24bf333;border:1px solid #b24bf366}.auto-jv-info{background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:12px;align-items:flex-start;gap:16px;margin-top:24px;padding:20px;display:flex}.auto-jv-info strong{color:#00d9ff;margin-bottom:8px;font-size:1.1rem;display:block}.auto-jv-info p{color:#fffc;margin:0;line-height:1.6}.expense-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.expense-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:16px;padding:20px;transition:all .3s;animation:slideIn .4s ease-out}.expense-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff33}.expense-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.expense-status{border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:600}.expense-status.paid{color:#00ff87;background:#00ff8733}.expense-status.pending{color:#ff8c00;background:#ff8c0033}.expense-vendor{color:#fff9;margin-bottom:12px;font-size:.95rem}.expense-amount{margin-bottom:16px;font-size:1.8rem}.expense-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.expense-date{color:#ffffff80;font-size:.85rem}.receipt-badge{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:600;display:flex}.payroll-row,.payroll-table-header{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr 120px;align-items:center;gap:16px;display:grid}.payroll-table-header{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;border-bottom:1px solid #ffffff1a;padding:16px 24px;font-size:.9rem;font-weight:600}.payroll-row{border-bottom:1px solid #ffffff0d;padding:20px 24px;transition:all .3s;animation:rowSlideIn .5s ease-out}.payroll-row:hover{background:#ffffff0d}.payroll-employee{color:#fff;font-weight:600}.payroll-position{color:#fff9;font-size:.9rem}.payroll-amount,.payroll-net{color:#00ff87;font-weight:700}.payroll-deductions{color:#ff8c00;font-weight:700}.payroll-status{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.payroll-status.processed{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.payroll-status.pending{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.payroll-date{color:#fff9;font-size:.9rem}.asset-row,.asset-table-header{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;gap:16px;display:grid}.asset-table-header{color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;border-bottom:1px solid #ffffff1a;padding:16px 24px;font-size:.9rem;font-weight:600}.asset-row{border-bottom:1px solid #ffffff0d;padding:20px 24px;transition:all .3s;animation:rowSlideIn .5s ease-out}.asset-row:hover{background:#ffffff0d}.asset-name{color:#fff;font-weight:600}.asset-category,.asset-date{color:#fff9;font-size:.9rem}.asset-cost{color:#00d9ff;font-weight:700}.asset-depreciation{color:#ff8c00;font-weight:700}.asset-book-value{color:#00ff87;font-size:1.1rem;font-weight:700}.asset-status{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.asset-status.active{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.asset-summary{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.summary-card{text-align:center;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:16px;padding:24px;transition:all .3s}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff33}.summary-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.9rem}.summary-value{color:#00d9ff;font-size:2rem;font-weight:700}@media (max-width:1024px){.accounting-metrics{grid-template-columns:repeat(2,1fr);gap:16px}.journal-row,.journal-table-header{grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.payroll-row,.payroll-table-header{grid-template-columns:1.5fr 1fr 1fr 1fr 100px;gap:12px}}@media (max-width:768px){.accounting-metrics{grid-template-columns:1fr;gap:12px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.journal-table-header{display:none}.journal-row{border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.payroll-table-header{display:none}.payroll-row{border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:16px}.pay-btn{justify-content:center;width:100%}}@media (max-width:480px){.accounting-metrics{gap:8px}.journal-row,.payroll-row{gap:8px;padding:12px}}.expenses-view,.machines-view,.production-view,.reports-view{animation:fadeIn .4s ease-out}.production-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid}.production-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s;animation:cardFadeIn .5s ease-out forwards}.production-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff33}.production-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.production-number{color:#00d9ff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.production-product{color:#ffffffb3;font-size:.95rem}.production-details{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.production-progress{margin-top:16px}.progress-header{color:#ffffffb3;align-items:center;font-size:.9rem}.progress-percentage{color:#00ff87;font-weight:700}.progress-bar{border-radius:4px}.machines-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.machine-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s;animation:cardFadeIn .5s ease-out forwards}.machine-card:hover{background:#ffffff0d;border-color:#b24bf34d;transform:translateY(-4px);box-shadow:0 8px 32px #b24bf333}.machine-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.machine-name{color:#b24bf3;margin-bottom:4px;font-size:1.1rem;font-weight:700}.machine-type{color:#fff9;font-size:.9rem}.machine-metrics{gap:16px}.machine-metrics,.metric-item{flex-direction:column;display:flex}.metric-item{gap:8px}.metric-label{color:#fff9;font-size:.9rem}.metric-value{color:#fff;font-weight:600}.efficiency-bar{background:#ffffff1a;border-radius:8px;height:32px;position:relative;overflow:hidden}.efficiency-fill{background:linear-gradient(90deg,#b24bf3,#ff6b9d);border-radius:8px;height:100%;transition:width .5s}.efficiency-text{color:#fff;font-size:.95rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expenses-table-wrapper{overflow-x:auto}.expenses-table{border-collapse:collapse;width:100%}.expenses-table thead{background:#0000004d;border-bottom:1px solid #ffffff1a}.expenses-table th{text-align:left;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;padding:16px;font-size:.9rem;font-weight:600}.expenses-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .3s;animation:rowSlideIn .5s ease-out}.expenses-table tbody tr:hover{background:#ffffff0d}.expenses-table td{color:#ffffffe6;padding:16px}.category-badge{border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.category-badge.raw-materials{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d}.category-badge.labor{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.category-badge.maintenance{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.category-badge.utilities{color:#b24bf3;background:#b24bf333;border:1px solid #b24bf34d}.expenses-table tfoot{background:#0000004d;border-top:2px solid #00d9ff4d}.expenses-table tfoot td{padding:20px 16px;font-weight:700}.total-label{text-align:right;color:#ffffffb3}.total-amount{color:#00d9ff;font-size:1.1rem}.report-section{margin-bottom:40px}.report-title{color:#fff;border-bottom:2px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.3rem;font-weight:700}.waste-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.waste-card{opacity:0;background:#ff8c001a;border:1px solid #ff8c004d;border-radius:16px;padding:20px;transition:all .3s;animation:cardFadeIn .5s ease-out forwards}.waste-card:hover{background:#ff8c0026;transform:translateY(-4px);box-shadow:0 8px 32px #ff8c0033}.waste-header{border-bottom:1px solid #ff8c004d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.waste-material{color:#ff8c00;font-size:1.05rem;font-weight:700}.waste-percentage{color:#ff8c00;font-size:1.2rem;font-weight:700}.waste-details{flex-direction:column;gap:10px;display:flex}.waste-row{color:#fffc;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.value-lost{color:#ff6b6b;font-weight:700}.io-analysis{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.io-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s}.io-card h4{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.input-card{border-color:#00d9ff4d}.input-card h4{color:#00d9ff}.input-card:hover{background:#00d9ff0d;border-color:#00d9ff80;box-shadow:0 8px 32px #00d9ff33}.output-card{border-color:#00ff874d}.output-card h4{color:#00ff87}.output-card:hover{background:#00ff870d;border-color:#00ff8780;box-shadow:0 8px 32px #00ff8733}.efficiency-card{border-color:#b24bf34d}.efficiency-card h4{color:#b24bf3}.efficiency-card:hover{background:#b24bf30d;border-color:#b24bf380;box-shadow:0 8px 32px #b24bf333}.io-stat{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.io-stat:last-child{border-bottom:none}.io-label{color:#fff9;font-size:.9rem}.io-value{color:#fff;font-size:1.1rem;font-weight:700}@media (max-width:1024px){.production-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.expenses-summary,.machines-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:768px){.production-grid{grid-template-columns:1fr;gap:12px}.production-card{padding:20px}.machines-grid{grid-template-columns:1fr;gap:12px}.machine-card{padding:20px}.expenses-summary{grid-template-columns:1fr;gap:12px}.expense-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}}@media (max-width:480px){.machine-card,.production-card{padding:16px}.expense-item{padding:12px}.machine-header,.production-header{flex-direction:column;align-items:flex-start;gap:8px}}.projects-overview{flex-direction:column;gap:20px;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.project-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s;animation:cardFadeIn .5s forwards}.project-card:hover{background:#ffffff0d;border-color:#00d9ff66;transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff26}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.project-card h4{color:#fff;margin-bottom:4px;font-size:1.2rem;font-weight:700}.project-dates{color:#ffffff80;font-size:.85rem}.project-status-badge{text-transform:capitalize;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.project-status-badge.in-progress{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d}.project-status-badge.planning{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.project-status-badge.completed{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.project-status-badge.on-hold{color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3}.project-progress-section{margin-bottom:20px}.progress-header{justify-content:space-between;margin-bottom:8px;display:flex}.progress-label{color:#ffffffb3;font-size:.9rem}.progress-percentage{color:#00d9ff;font-size:.9rem;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00d9ff,#00ff87);border-radius:10px;height:100%;transition:width .3s}.project-meta{border-top:1px solid #ffffff1a;gap:24px;padding-top:16px;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-value{color:#fff;font-size:1.1rem;font-weight:700}.meta-label{color:#ffffff80;font-size:.8rem}.tasks-view{flex-direction:column;gap:12px;display:flex}.task-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;animation:fadeIn .3s forwards;display:flex}.task-item:hover{background:#ffffff0d;border-color:#00d9ff4d}.task-checkbox{cursor:pointer;border:2px solid #ffffff4d;border-radius:6px;width:20px;height:20px;transition:all .2s}.task-checkbox:hover{border-color:#00d9ff}.task-details{flex-direction:column;flex:1;gap:6px;display:flex}.task-title{color:#fff;font-size:1rem;font-weight:600}.task-meta{color:#fff9;gap:12px;font-size:.85rem}.task-assignee,.task-meta{align-items:center;display:flex}.task-assignee{gap:6px}.task-due-date{align-items:center;gap:4px;display:flex}.priority-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}.priority-badge.high{color:#f44;background:#f443;border:1px solid #ff44444d}.priority-badge.medium{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.priority-badge.low{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.task-progress{min-width:120px}.task-progress-bar{background:#ffffff1a;border-radius:6px;width:100%;height:6px;margin-top:4px;overflow:hidden}.task-progress-fill{background:linear-gradient(90deg,#00d9ff,#00ff87);border-radius:6px;height:100%;transition:width .3s}.milestone-timeline{flex-direction:column;gap:24px;padding:20px 0;display:flex}.milestone-item{gap:20px;animation:fadeIn .4s forwards;display:flex;position:relative}.milestone-item:before{content:"";background:linear-gradient(#00d9ff4d,#00d9ff00);width:2px;position:absolute;top:40px;bottom:-24px;left:19px}.milestone-item:last-child:before{display:none}.milestone-icon{background:#00d9ff33;border:2px solid #00d9ff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.milestone-icon.completed{background:#00ff8733;border-color:#00ff8766}.milestone-content{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:20px}.milestone-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.milestone-content h4{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.milestone-date{color:#ffffff80;font-size:.85rem}.milestone-status{border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.milestone-status.completed{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.milestone-status.in-progress{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.document-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;animation:cardFadeIn .4s forwards}.document-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px)}.document-icon{background:#00d9ff33;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.document-info h4{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:600}.document-meta{color:#fff9;flex-direction:column;gap:4px;margin-bottom:16px;font-size:.85rem;display:flex}.document-actions{border-top:1px solid #ffffff1a;gap:8px;padding-top:16px;display:flex}.document-btn{color:#00d9ff;cursor:pointer;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.document-btn:hover{background:#00d9ff33;border-color:#00d9ff80}.upload-document-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.upload-document-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px #00d9ff4d}.team-members-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.team-member-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s;animation:cardFadeIn .4s forwards}.team-member-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px)}.member-header{gap:16px;margin-bottom:20px}.member-avatar{background:linear-gradient(135deg,#00d9ff,#00ff87);width:60px;height:60px;font-size:1.3rem}.member-info h4,.member-role{margin-bottom:4px}.member-role{color:#00d9ff;font-size:.9rem}.member-email{color:#ffffff80;font-size:.85rem}.member-stats{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;gap:20px;margin-bottom:16px;padding:16px 0;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-item-value{color:#fff;font-size:1.1rem;font-weight:700}.stat-item-label{color:#ffffff80;font-size:.8rem}.member-permissions h5{color:#ffffffb3;margin-bottom:12px;font-size:.9rem}.permissions-list{flex-wrap:wrap;gap:8px;display:flex}.permission-badge{color:#00d9ff;text-transform:capitalize;background:#00d9ff33;border:1px solid #00d9ff4d;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.reports-view{flex-direction:column;gap:24px;display:flex}.report-section h3{color:#fff;margin-bottom:16px;font-size:1.2rem;font-weight:700}.report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.report-summary-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.report-summary-card h4{color:#00d9ff;margin-bottom:8px;font-size:2rem;font-weight:700}.report-summary-card p{color:#fff9;font-size:.9rem}.team-performance-list{flex-direction:column;gap:16px;display:flex}.performance-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.performance-member{align-items:center;gap:12px;display:flex}.performance-avatar{color:#000;background:linear-gradient(135deg,#00d9ff,#00ff87);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.performance-name{color:#fff;font-size:1rem;font-weight:600}.performance-metrics{align-items:center;gap:32px;display:flex}.performance-stat{text-align:center}.performance-stat-value{color:#00d9ff;margin-bottom:4px;font-size:1.3rem;font-weight:700}.performance-stat-label{color:#ffffff80;font-size:.8rem}.cost-centers-view h3,.rental-categories-view h3,.rental-expenses-view h3,.rental-invoices-view h3,.rental-overview h3{color:#fff;margin-bottom:20px;font-size:1.2rem;font-weight:700}.rental-categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:32px;display:grid}.rental-category-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s;animation:cardFadeIn .5s forwards}.rental-category-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff26}.category-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.category-icon{border-radius:12px;width:60px;height:60px}.category-icon,.category-icon-lg{justify-content:center;align-items:center;display:flex}.category-icon-lg{border-radius:16px;width:70px;height:70px}.category-info h4{color:#fff;margin-bottom:4px;font-size:1.2rem;font-weight:700}.category-info p{color:#fff9;font-size:.9rem}.category-stats{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;padding-top:16px;display:flex}.category-stat{justify-content:space-between;align-items:center;display:flex}.category-stat .stat-label{color:#fff9;font-size:.9rem}.category-stat .stat-value{color:#00d9ff;font-size:1.1rem;font-weight:700}.rental-items-list{flex-direction:column;gap:16px;display:flex}.rental-item-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;animation:fadeIn .3s forwards}.rental-item-card:hover{background:#ffffff0d;border-color:#00d9ff4d}.rental-item-card.compact{padding:16px}.rental-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.rental-item-header h4{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.rental-tenant{color:#fff9;font-size:.9rem}.rental-status-badge{text-transform:capitalize;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.rental-status-badge.active{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.rental-status-badge.pending{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.rental-item-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:#ffffff80}.rental-categories-view{flex-direction:column;gap:32px;display:flex}.category-section{animation:fadeIn .4s forwards}.category-section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-title-group{align-items:center;gap:16px;display:flex}.category-title-group h3{color:#fff;margin-bottom:4px;font-size:1.3rem;font-weight:700}.category-title-group p{color:#fff9;font-size:.9rem}.category-items-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.item-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.item-header h4{color:#fff;font-size:1rem;font-weight:600}.item-info{color:#ffffffb3;gap:6px;font-size:.9rem}.item-info,.rental-invoices-view{flex-direction:column;display:flex}.rental-invoices-view{gap:20px}.expenses-header,.invoices-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.expenses-list,.invoices-list{flex-direction:column;gap:16px;display:flex}.invoice-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;animation:fadeIn .3s forwards}.invoice-item:hover{background:#ffffff0d;border-color:#00d9ff4d}.invoice-main{grid-template-columns:2fr 1fr 1.5fr auto;align-items:center;gap:24px;margin-bottom:16px;display:grid}.invoice-info h4{color:#00d9ff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.invoice-tenant{color:#fff;margin-bottom:2px;font-size:.95rem}.invoice-cost-center{color:#ffffff80;font-size:.85rem}.invoice-amount{flex-direction:column;gap:4px;display:flex}.amount-label{color:#ffffff80;font-size:.85rem}.amount-value{color:#fff;font-size:1.3rem;font-weight:700}.invoice-dates{gap:8px}.date-item,.invoice-dates{flex-direction:column;display:flex}.date-item{gap:2px}.date-label{color:#ffffff80;font-size:.8rem}.date-value{color:#fff;font-size:.9rem}.invoice-status-badge{text-transform:capitalize;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600}.invoice-status-badge.paid{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.invoice-status-badge.pending{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.invoice-status-badge.sent{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d}.invoice-status-badge.overdue{color:#f44;background:#f443;border:1px solid #ff44444d}.invoice-actions{border-top:1px solid #ffffff1a;gap:8px;padding-top:16px;display:flex}.invoice-action-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.invoice-action-btn:hover{color:#00d9ff;background:#ffffff1a;border-color:#00d9ff4d}.invoice-action-btn.primary{color:#00d9ff;background:#00d9ff1a;border-color:#00d9ff4d}.invoice-action-btn.primary:hover{background:#00d9ff33;border-color:#00d9ff80}.expense-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;animation:fadeIn .3s forwards;display:flex}.expense-item:hover{background:#ffffff0d;border-color:#ff8c004d}.expense-icon{background:#ff8c0033;border:2px solid #ff8c004d;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.expense-details{flex:1}.expense-details h4{color:#fff;margin-bottom:6px;font-size:1.05rem;font-weight:600}.expense-meta{color:#fff9;margin-bottom:4px;font-size:.9rem}.expense-category{color:#ff8c00;font-size:.85rem;font-weight:600}.expense-date{color:#fff9;align-items:center;gap:6px;font-size:.9rem;display:flex}.expense-amount{color:#fff;text-align:right;min-width:100px;font-size:1.3rem;font-weight:700}.cost-centers-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.cost-center-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s;animation:cardFadeIn .4s forwards}.cost-center-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff26}.cc-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.cc-header h4{color:#00d9ff;margin-bottom:8px;font-size:1.2rem;font-weight:700}.cc-name{color:#fff;margin-bottom:4px;font-size:1rem}.cc-tenant{color:#fff9;font-size:.9rem}.cc-financials{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.cc-row{justify-content:space-between;align-items:center;display:flex}.cc-row.highlight{background:#ffffff08;border-radius:8px;margin:8px 0;padding:12px}.cc-label{color:#fff9;font-size:.9rem}.cc-value{color:#fff;font-size:1.1rem;font-weight:700}.cc-value.revenue{color:#00d9ff}.cc-value.expenses{color:#ff8c00}.cc-expenses-breakdown h5{color:#fffc;margin-bottom:12px;font-size:.95rem;font-weight:600}.cc-expense-item{color:#ffffffb3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.cc-expense-item:last-child{border-bottom:none}.appointment-calendar-view,.appointments-list-view,.online-portal-view,.services-view,.staff-view{flex-direction:column;gap:24px;display:flex}.appointments-header,.calendar-header,.portal-header,.services-header,.staff-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.appointments-header h3,.calendar-header h3,.portal-header h3,.services-header h3,.staff-header h3{color:#fff;font-size:1.2rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.calendar-day-column{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.day-header{text-align:center;background:#00d9ff1a;border-bottom:1px solid #00d9ff4d;padding:16px}.day-header h4{color:#00d9ff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.day-date{color:#ffffffb3;font-size:.9rem}.day-appointments{flex-direction:column;gap:12px;min-height:400px;padding:16px;display:flex}.calendar-appointment{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px;transition:all .3s;animation:fadeIn .3s forwards;position:relative}.calendar-appointment:hover{background:#ffffff14;border-color:#00d9ff4d;transform:translate(4px)}.apt-time{color:#00d9ff;margin-bottom:8px;font-size:.85rem;font-weight:700}.apt-details h5{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600}.apt-service,.apt-staff{color:#ffffffb3;margin-bottom:2px;font-size:.85rem}.apt-status-indicator{border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:12px}.apt-status-indicator.confirmed{background:#00ff87;box-shadow:0 0 8px #00ff8780}.apt-status-indicator.pending{background:#ff8c00;box-shadow:0 0 8px #ff8c0080}.apt-status-indicator.completed{background:#00d9ff;box-shadow:0 0 8px #00d9ff80}.apt-status-indicator.cancelled{background:#f44;box-shadow:0 0 8px #ff444480}.no-appointments{color:#fff6;justify-content:center;align-items:center;min-height:200px;font-size:.95rem;display:flex}.filter-buttons{gap:8px;display:flex}.filter-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.filter-btn:hover{color:#00d9ff;background:#ffffff1a;border-color:#00d9ff4d}.filter-btn.active{color:#00d9ff;background:#00d9ff33;border-color:#00d9ff66}.appointments-list{flex-direction:column;gap:16px;display:flex}.appointment-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;animation:fadeIn .3s forwards}.appointment-card:hover{background:#ffffff0d;border-color:#00d9ff4d}.apt-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.apt-client-info h4{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.apt-contact{color:#fff9;font-size:.9rem}.appointment-status-badge{border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.appointment-status-badge.confirmed{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.appointment-status-badge.pending{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.appointment-status-badge.completed{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d}.appointment-status-badge.cancelled{color:#f44;background:#f443;border:1px solid #ff44444d}.apt-card-body{margin-bottom:16px}.apt-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.apt-info-item{color:#fffc;gap:8px;font-size:.9rem}.apt-info-item,.apt-source{align-items:center;display:flex}.apt-source{color:#fff9;gap:6px;margin-bottom:8px;font-size:.85rem}.apt-notes{color:#ffffffb3;background:#ffffff08;border-left:3px solid #00d9ff;border-radius:8px;padding:12px;font-size:.9rem}.apt-card-actions{border-top:1px solid #ffffff1a;gap:8px;padding-top:16px;display:flex}.apt-action-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.apt-action-btn:hover{color:#00d9ff;background:#ffffff1a;border-color:#00d9ff4d}.apt-action-btn.danger{color:#f44}.apt-action-btn.danger:hover{background:#ff44441a;border-color:#ff44444d}.services-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.service-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;animation:cardFadeIn .4s forwards}.service-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff26}.service-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.service-header h4{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.service-category{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff4d;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.service-availability{border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.service-availability.available{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.service-availability.unavailable{color:#f44;background:#f443;border:1px solid #ff44444d}.service-description{color:#ffffffb3;margin-bottom:16px;font-size:.9rem;line-height:1.5}.service-details{background:#ffffff08;border-radius:8px;gap:20px;margin-bottom:16px;padding:12px;display:flex}.service-detail-item{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.service-actions{border-top:1px solid #ffffff1a;gap:8px;padding-top:16px;display:flex}.service-action-btn{color:#00d9ff;cursor:pointer;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s}.service-action-btn:hover{background:#00d9ff33;border-color:#00d9ff80}@media (max-width:768px){.services-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:44px;padding:16px}.service-header{flex-direction:column;align-items:flex-start;gap:8px}.service-details{gap:12px}.service-actions,.service-details{flex-direction:column}.service-action-btn{min-height:44px}}@media (max-width:480px){.service-card{padding:12px}.service-header h4{font-size:1rem}.service-description,.service-detail-item{font-size:.85rem}}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.staff-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s;animation:cardFadeIn .4s forwards}.staff-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 32px #00d9ff26}.staff-card-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.staff-avatar-large{color:#000;background:linear-gradient(135deg,#00d9ff,#00ff87);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.5rem;font-weight:700;display:flex}.staff-main-info{flex:1}.staff-main-info h4{color:#fff;margin-bottom:4px;font-size:1.2rem;font-weight:700}.staff-role{color:#00d9ff;margin-bottom:8px;font-size:.95rem}.staff-rating{align-items:center;gap:8px;display:flex}.rating-stars{color:gold;font-size:1rem}.rating-value{color:#fffc;font-size:.9rem;font-weight:600}.staff-status-badge{border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.staff-status-badge.available{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.staff-status-badge.busy{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.staff-status-badge.off-duty{color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3}.staff-specialties{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:16px}.staff-specialties strong{color:#ffffffb3;margin-bottom:8px;font-size:.9rem;display:block}.specialties-list{flex-wrap:wrap;gap:8px;display:flex}.staff-stats{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:16px}.staff-stat{flex-direction:column;gap:4px;display:flex}.staff-stat .stat-value{color:#00ff87;font-size:1.5rem;font-weight:700}.staff-stat .stat-label{color:#fff9;font-size:.85rem}.staff-shifts h5{color:#fffc;margin-bottom:12px;font-size:.95rem;font-weight:600}.shifts-list{flex-direction:column;gap:8px;display:flex}.shift-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.shift-day{color:#fff;font-size:.9rem;font-weight:600}.shift-time{color:#ffffffb3;font-size:.85rem}.no-shifts{color:#ffffff80;text-align:center;padding:16px;font-size:.9rem}.portal-status{background:#00ff871a;border:1px solid #00ff874d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px}.status-indicator.active{background:#00ff87;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #00ff8799}.portal-status span{color:#00ff87;font-size:.9rem;font-weight:600}.portal-demo-container{flex-direction:column;gap:24px;display:flex}.portal-demo-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.portal-demo-header h4{color:#fff;font-size:1.1rem;font-weight:700}.portal-url{color:#00d9ff;background:#00d9ff1a;border-radius:6px;padding:6px 12px;font-family:monospace;font-size:.9rem}.portal-mockup{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;overflow:hidden}.portal-mockup-header{background:#00d9ff1a;border-bottom:1px solid #00d9ff4d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mockup-logo{color:#00d9ff;font-size:1.2rem;font-weight:700}.mockup-nav{gap:24px;display:flex}.mockup-nav span{color:#fff9;cursor:pointer;font-size:.95rem;transition:color .2s}.mockup-nav span.active{color:#00d9ff;font-weight:600}.portal-mockup-body{padding:32px 24px}.portal-mockup-body h2{color:#fff;margin-bottom:32px;font-size:1.8rem;font-weight:700}.booking-steps{flex-direction:column;gap:20px;display:flex}.booking-step{opacity:.5;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:20px;transition:all .3s;display:flex}.booking-step.active{opacity:1;background:#ffffff0d;border-color:#00d9ff4d}.step-number{color:#00d9ff;background:#00d9ff33;border:2px solid #00d9ff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.step-content{flex:1}.step-content h5{color:#fff;margin-bottom:12px;font-size:1.05rem;font-weight:700}.step-content p{color:#ffffffb3;font-size:.9rem}.service-options{flex-direction:column;gap:10px;display:flex}.portal-service-option{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.portal-service-option:hover{background:#ffffff14;border-color:#00d9ff4d}.option-info{flex-direction:column;gap:4px;display:flex}.option-name{color:#fff;font-size:.95rem;font-weight:600}.option-duration{color:#fff9;font-size:.8rem}.option-price{color:#00ff87;font-size:1.1rem;font-weight:700}.portal-features h4,.portal-stats h4{color:#fff;margin-bottom:16px;font-size:1.1rem;font-weight:700}.portal-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.portal-stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.portal-stat-value{color:#00d9ff;margin-bottom:8px;font-size:2rem;font-weight:700}.portal-stat-label{color:#fff9;font-size:.9rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.feature-item{color:#fffc;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.pos-register-layout{grid-template-columns:2fr 1fr;gap:24px;min-height:600px;display:grid}.pos-products-panel{flex-direction:column;gap:20px;display:flex}.pos-categories{flex-wrap:wrap;gap:12px;display:flex}.pos-category-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.pos-category-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.pos-category-btn.active{color:#00d9ff;background:#00d9ff33;border-color:#00d9ff66}.category-icon{font-size:1.2rem}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.pos-product-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s;animation:cardFadeIn .4s forwards}.pos-product-card:hover{background:#ffffff14;border-color:#00d9ff66;transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff33}.product-image{text-align:center;margin-bottom:12px;font-size:3rem}.product-info h4{color:#fff;text-align:center;margin-bottom:8px;font-size:.95rem;font-weight:600}.product-price{color:#00ff87;text-align:center;margin-bottom:4px;font-size:1.1rem;font-weight:700}.product-stock{color:#ffffff80;text-align:center;font-size:.8rem}.pos-cart-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;max-height:800px;padding:24px;display:flex}.cart-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.cart-header h3{color:#fff;font-size:1.2rem;font-weight:700}.clear-cart-btn{color:#f44;cursor:pointer;background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.clear-cart-btn:hover{background:#f443;border-color:#ff444480}.empty-cart{color:#fff6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.empty-cart p{color:#fff9;font-size:1.1rem;font-weight:600}.empty-cart span{font-size:.9rem}.cart-items{flex-direction:column;flex:1;gap:12px;margin-bottom:20px;display:flex;overflow-y:auto}.cart-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px;animation:fadeIn .3s forwards;display:flex}.cart-item-image{text-align:center;width:50px;font-size:2rem}.cart-item-details{flex:1}.cart-item-details h5{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600}.cart-item-price{color:#fff9;font-size:.85rem}.cart-item-quantity{background:#ffffff0d;border-radius:8px;gap:8px;padding:4px 8px}.cart-item-quantity,.qty-btn{align-items:center;display:flex}.qty-btn{color:#00d9ff;cursor:pointer;background:#00d9ff33;border:1px solid #00d9ff4d;border-radius:6px;justify-content:center;width:24px;height:24px;font-weight:700;transition:all .2s}.qty-btn:hover{background:#00d9ff4d;border-color:#00d9ff80}.cart-item-quantity span{text-align:center;color:#fff;min-width:20px;font-weight:600}.cart-item-total{color:#00ff87;text-align:right;min-width:70px;font-size:1rem;font-weight:700}.remove-item-btn{color:#f44;cursor:pointer;background:#ff44441a;border:1px solid #ff44444d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.remove-item-btn:hover{background:#f443;border-color:#ff444480}.cart-summary{background:#ffffff08;border-radius:10px;margin-bottom:16px;padding:16px}.summary-row{color:#fffc;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem;display:flex}.summary-row.total{color:#fff;border-top:2px solid #ffffff1a;margin-top:8px;padding-top:12px;font-size:1.2rem;font-weight:700}.checkout-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payment-btn{cursor:pointer;border:2px solid;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.payment-btn.cash{color:#00ff87;background:#00ff871a;border-color:#00ff874d}.payment-btn.cash:hover{background:#00ff8733;border-color:#00ff8780;transform:scale(1.05)}.payment-btn.card{color:#00d9ff;background:#00d9ff1a;border-color:#00d9ff4d}.payment-btn.card:hover{background:#00d9ff33;border-color:#00d9ff80;transform:scale(1.05)}.transactions-view{flex-direction:column;gap:20px;display:flex}.transactions-header{justify-content:space-between;align-items:center;display:flex}.transactions-header h3{color:#fff;font-size:1.2rem;font-weight:700}.transaction-filters{gap:8px;display:flex}.transactions-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;display:grid}.transaction-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;animation:fadeIn .3s forwards}.transaction-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.transaction-id{color:#00d9ff;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.transaction-status{border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.transaction-status.completed{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d}.transaction-status.refunded{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d}.transaction-details{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.detail-row>span:last-child{color:#fff;font-weight:600}.payment-method{align-items:center;gap:6px;display:flex}.transaction-total{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.total-amount{color:#00ff87;font-size:1.3rem;font-weight:700}.transaction-actions{gap:8px;display:flex}.transaction-action-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.transaction-action-btn:hover{color:#00d9ff;background:#ffffff1a;border-color:#00d9ff4d}.pos-products-management{flex-direction:column;gap:24px;display:flex}.products-management-header{justify-content:space-between;align-items:flex-start;display:flex}.products-management-header h3{color:#fff;margin-bottom:4px;font-size:1.4rem;font-weight:700}.products-subtitle{color:#fff9;margin:0;font-size:.9rem}.products-category-filters{flex-wrap:wrap;gap:12px;display:flex}.products-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.product-catalog-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;animation:cardFadeIn .4s forwards;display:flex}.product-catalog-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff26}.product-catalog-image{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;min-height:120px;padding:24px;display:flex;position:relative}.product-large-icon{font-size:4rem}.stock-warning-badge{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:8px;right:8px}.product-catalog-info{flex-direction:column;gap:8px;display:flex}.product-catalog-info h4{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.product-category-tag{border-radius:6px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.product-catalog-details{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding:12px 0;display:flex}.product-detail-row{justify-content:space-between;align-items:center;display:flex}.detail-label{color:#fff9;font-size:.85rem;font-weight:500}.detail-value{color:#fff;font-size:.9rem;font-weight:600}.detail-value.price{color:#00ff87;font-size:1.1rem;font-weight:700}.detail-value.low-stock{color:#ff8c00}.detail-value.barcode{color:#ffffffb3;font-family:monospace;font-weight:500}.product-catalog-actions{border-top:1px solid #ffffff1a;gap:10px;padding-top:12px;display:flex}.product-action-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.product-action-btn.edit{color:#00d9ff;background:#00d9ff1a;border:1px solid #00d9ff4d}.product-action-btn.edit:hover{background:#00d9ff33;border-color:#00d9ff80;transform:translateY(-2px)}.product-action-btn.delete{color:#f44;background:#ff44441a;border:1px solid #ff44444d}.product-action-btn.delete:hover{background:#f443;border-color:#ff444480;transform:translateY(-2px)}.pos-reports-view{flex-direction:column;gap:24px;display:flex}.pos-reports-view h3{color:#fff;font-size:1.2rem;font-weight:700}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.report-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.report-card h4{color:#fff;margin-bottom:16px;font-size:1.05rem;font-weight:700}.report-items{flex-direction:column;gap:12px;display:flex}.report-item{background:#ffffff08;border-radius:8px;grid-template-columns:40px 2fr 1fr 1fr;align-items:center;gap:12px;padding:12px;font-size:.9rem;display:grid}.item-rank{color:#000;background:linear-gradient(135deg,#00d9ff,#00ff87);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.item-sales{color:#ffffffb3}.item-revenue{color:#00ff87;text-align:right;font-weight:700}.category-sales{flex-direction:column;gap:16px;display:flex}.category-sale-item{flex-direction:column;gap:8px;display:flex}.category-sale-header{color:#fff;align-items:center;gap:8px;font-weight:600;display:flex}.category-sale-icon{font-size:1.2rem}.category-sale-bar{background:#ffffff1a;border-radius:6px;width:100%;height:8px;overflow:hidden}.sale-bar-fill{border-radius:6px;height:100%;transition:width .3s}.category-sale-value{color:#00ff87;text-align:right;font-size:1.1rem;font-weight:700}.payment-stats{flex-direction:column;gap:16px;display:flex}.payment-stat-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;gap:16px;padding:16px;display:flex}.payment-stat-details{flex-direction:column;flex:1;gap:6px;display:flex}.payment-stat-label{color:#fff;font-size:.95rem;font-weight:600}.payment-stat-value{color:#ffffffb3;font-size:.85rem}.payment-stat-amount{color:#00ff87;font-size:1.2rem;font-weight:700}.pos-hardware-view{flex-direction:column;gap:24px;padding:20px;display:flex}.pos-hardware-view h3{color:#fff;margin-bottom:0;font-size:1.4rem;font-weight:700}.hardware-subtitle{color:#ffffffb3;margin-top:-8px;font-size:1rem}.hardware-options-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px;margin-top:20px;display:grid}.hardware-option-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:24px;padding:28px;transition:all .3s;display:flex;position:relative;overflow:hidden}.hardware-option-card:before{content:"";opacity:0;background:linear-gradient(90deg,#00d9ff,#00ff87);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hardware-option-card.featured:before{opacity:1;background:linear-gradient(90deg,gold,orange)}.hardware-option-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 30px #00d9ff26}.hardware-option-card.featured:hover{box-shadow:0 8px 30px #ffd70033}.hardware-option-card:hover:before{opacity:1}.hardware-badge{color:#00d9ff;letter-spacing:.5px;text-transform:uppercase;background:#00d9ff33;border:1px solid #00d9ff66;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;position:absolute;top:20px;right:20px}.hardware-badge.premium{color:gold;background:#ffd70033;border-color:#ffd70066}.hardware-image-container{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;height:300px;display:flex;overflow:hidden}.hardware-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .3s}.hardware-option-card:hover .hardware-image{transform:scale(1.05)}.hardware-info{flex-direction:column;gap:16px;display:flex}.hardware-info h4{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.hardware-info p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6}.hardware-features{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hardware-features li{color:#fffc;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:.9rem;transition:color .3s}.hardware-features li:last-child{border-bottom:none}.hardware-option-card:hover .hardware-features li{color:#fffffff2}@media (max-width:1024px){.hardware-options-grid{grid-template-columns:1fr}}@media (max-width:768px){.hardware-option-card{padding:20px}.hardware-image-container{height:250px}.pos-hardware-view h3{font-size:1.2rem}.hardware-subtitle{font-size:.9rem}}.import-quotation-modal{max-width:700px}.quotation-preview{flex-direction:column;gap:24px;display:flex}.quotation-header{border-bottom:2px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.quotation-info h4{color:#00d9ff;margin-bottom:6px;font-size:1.3rem;font-weight:700}.quotation-date{color:#fff9;font-size:.9rem}.quotation-badge{color:#00ff87;background:#00ff8733;border:1px solid #00ff874d;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:600}.quotation-details{flex-direction:column;gap:24px;display:flex}.quotation-section h5{color:#fff;margin-bottom:12px;font-size:1.05rem;font-weight:700}.info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;display:flex}.info-row span{color:#ffffffb3}.info-row strong{color:#fff}.quotation-items{flex-direction:column;gap:12px;display:flex}.quotation-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.item-name{color:#fff;margin-bottom:8px;font-weight:600}.item-details{color:#ffffffb3;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.item-price{color:#00d9ff;font-weight:700}.quotation-total{background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:12px;justify-content:space-between;align-items:center;margin-top:8px;padding:16px;display:flex}.quotation-total span{color:#fffc;font-size:1rem}.quotation-total strong{color:#00d9ff;font-size:1.3rem;font-weight:700}.import-actions{justify-content:flex-end;gap:16px;margin-top:12px;display:flex}.cancel-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}.cancel-btn:hover{background:#ffffff1a;border-color:#fff3}.import-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .3s;display:flex}.import-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d9ff80}@keyframes gridMove{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes glowFadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes badgePop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}70%{transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes badgeFadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes robotPop{0%{opacity:0;transform:scale(0)rotate(-10deg)}70%{transform:scale(1.08)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes innerGlowPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardStagger{0%{opacity:0;filter:blur(10px);transform:translateY(80px)scale(.7)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes iconGlow{0%,to{opacity:0}50%{opacity:.3}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px #00d9ff4d)}50%{filter:drop-shadow(0 0 40px #00d9ff99)drop-shadow(0 0 60px #b24bf366)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes demoSlideUp{0%{opacity:0;transform:translateY(60px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes statPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #00d9ff1a}50%{transform:scale(1.02);box-shadow:0 0 30px #00d9ff4d}}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(40px)scale(.95)}}@keyframes particleFloat{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(20vw - 50px),calc(-100vh - 50px))rotate(1turn)}}@keyframes gridSlide{0%{background-position:0 0}to{background-position:80px 80px}}@keyframes particlesBurst{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes particleFly{0%{transform:translate(-50%,-50%)rotate(var(--angle))translateX(0);opacity:1;scale:1}to{transform:translate(-50%,-50%)rotate(var(--angle))translateX(200px);opacity:0;scale:.2}}@keyframes capsulePulse{0%,to{box-shadow:0 0 30px #00d9ff66,inset 0 0 30px #00d9ff1a,0 0 60px #8a2be24d}50%{box-shadow:0 0 40px #00d9ff99,inset 0 0 40px #00d9ff33,0 0 80px #8a2be280}}@keyframes robotGlow{0%,to{filter:drop-shadow(0 0 80px #00d9ff)drop-shadow(0 0 120px #8a2be299)}50%{filter:drop-shadow(0 0 100px #00d9ff)drop-shadow(0 0 140px #8a2be2cc)}}@keyframes powerFlash{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes containerRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes containerZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes screenFadeOut{0%{opacity:1;background:#000}to{opacity:0;background:#000}}@keyframes counterRotate{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes spherePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}@keyframes sphereAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes sphereDissolve{0%{opacity:1;filter:blur();transform:scale(1)rotate(0)}to{opacity:0;filter:blur(25px);transform:scale(3.5)rotate(180deg)}}@keyframes sphereZoomFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes robotZoomFade{0%{opacity:1;filter:drop-shadow(0 0 80px #00d9ff)drop-shadow(0 0 120px #8a2be299);transform:scale(1)}to{opacity:0;filter:drop-shadow(0 0 #00d9ff00)drop-shadow(0 0 #8a2be200);transform:scale(3)}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes taglineWordFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes alertPulse{0%,to{box-shadow:0 0 20px #ff8c0033}50%{box-shadow:0 0 30px #ff8c0066}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.gym-overview{flex-direction:column;gap:24px;display:flex}.gym-overview h3{color:#fff;font-size:1.2rem;font-weight:700}.gym-memberships-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.gym-membership-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;animation:cardFadeIn .4s forwards;display:flex}.gym-membership-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)}.membership-header{justify-content:space-between;align-items:flex-start;display:flex}.membership-header h4{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.membership-price{align-items:baseline;gap:4px;display:flex}.price-value{color:#00ff87;font-size:1.8rem;font-weight:700}.price-period{color:#fff9;font-size:.9rem}.membership-stats{gap:12px;display:flex}.membership-stat{color:#fffc;align-items:center;gap:8px;font-size:.9rem;display:flex}.membership-benefits{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:12px 0;display:flex}.benefit-item{color:#fffc;align-items:center;gap:8px;font-size:.85rem;display:flex}.membership-action-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.membership-action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.gym-activity-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.gym-stat-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:20px}.gym-stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;justify-content:center;width:48px;height:48px}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-value{color:#fff;font-size:1.8rem;font-weight:700}.stat-label{color:#fff9;font-size:.85rem}.gym-classes-view h3,.gym-members-view h3,.gym-pt-sessions-view h3,.gym-trainers-view h3{color:#fff;margin-bottom:20px;font-size:1.2rem;font-weight:700}.gym-members-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.gym-member-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.gym-member-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-2px)}.member-header{gap:12px}.member-avatar,.member-header{align-items:center;display:flex}.member-avatar{color:#000;border-radius:50%;justify-content:center;width:48px;height:48px;font-size:1rem;font-weight:700}.member-info{flex:1}.member-info h4{color:#fff;margin:0 0 4px;font-size:1.1rem;font-weight:700}.member-status-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.member-status-badge.active{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.member-status-badge.expired{color:#f44;background:#f443;border:1px solid #f446}.member-details{flex-direction:column;gap:8px;display:flex}.member-detail-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.detail-value.small{font-size:.8rem}.member-actions{border-top:1px solid #ffffff1a;gap:10px;padding-top:12px;display:flex}.member-action-btn{color:#00d9ff;cursor:pointer;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.member-action-btn:hover{background:#00d9ff33;border-color:#00d9ff80;transform:translateY(-2px)}.gym-trainers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.gym-trainer-card{text-align:center;opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:all .3s;animation:cardFadeIn .4s forwards;display:flex}.gym-trainer-card:hover{background:#ffffff0d;border-color:#00ff874d;transform:translateY(-4px)}.trainer-header{width:100%;position:relative}.trainer-avatar,.trainer-header{justify-content:center;display:flex}.trainer-avatar{color:#000;background:linear-gradient(135deg,#00d9ff,#00ff87);border-radius:50%;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700}.trainer-rating{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:600;position:absolute;top:0;right:20px}.gym-trainer-card h4{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.trainer-specialties{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.specialty-badge{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600}.trainer-certifications{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.certification-badge{color:#fffc;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.trainer-stats{border-top:1px solid #ffffff1a;justify-content:center;gap:24px;width:100%;padding:12px 0;display:flex}.trainer-stat{flex-direction:column;gap:4px;display:flex}.trainer-stat .stat-value{color:#00ff87;font-size:1.5rem;font-weight:700}.trainer-stat .stat-label{color:#fff9;font-size:.8rem}.trainer-action-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#00ff87);border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s}.trainer-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.gym-classes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.gym-class-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.gym-class-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.class-header{justify-content:space-between;align-items:center;display:flex}.class-type-badge{text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.class-duration{color:#fff9;font-size:.85rem}.gym-class-card h4{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.class-schedule,.class-trainer{color:#fffc;align-items:center;gap:8px;font-size:.9rem;display:flex}.class-capacity{flex-direction:column;gap:8px;padding:12px 0;display:flex}.capacity-bar{background:#ffffff1a;border-radius:6px;width:100%;height:8px;overflow:hidden}.capacity-fill{background:linear-gradient(135deg,#00d9ff,#00ff87);border-radius:6px;height:100%;transition:width .3s}.capacity-text{color:#ffffffb3;font-size:.85rem}.class-action-btn{color:#00d9ff;cursor:pointer;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;width:100%;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.class-action-btn:hover{background:#00d9ff33;border-color:#00d9ff80;transform:translateY(-2px)}.class-action-btn.full{color:#f44;cursor:not-allowed;background:#ff44441a;border-color:#ff44444d}.class-action-btn.full:hover{transform:none}.gym-sessions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.gym-session-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:14px;padding:20px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.gym-session-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.session-header{justify-content:space-between;align-items:center;display:flex}.session-status-badge{text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.session-status-badge.scheduled{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66}.session-status-badge.completed{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.session-status-badge.cancelled{color:#f44;background:#f443;border:1px solid #f446}.session-duration{color:#fff9;font-size:.85rem}.gym-session-card h4{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.session-participants{flex-direction:column;gap:8px;display:flex}.session-participant{justify-content:space-between;font-size:.9rem;display:flex}.participant-label{color:#fff9}.participant-name{color:#fff;font-weight:600}.session-schedule{color:#fffc;align-items:center;gap:8px;font-size:.9rem;display:flex}.session-notes{background:#ffffff0d;border-radius:8px;padding:12px;font-size:.85rem}.notes-label{color:#fff9;margin-bottom:6px;font-weight:600;display:block}.session-notes p{color:#fffc;margin:0}.session-actions{border-top:1px solid #ffffff1a;gap:10px;padding-top:12px;display:flex}.session-action-btn{color:#00d9ff;cursor:pointer;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.session-action-btn:hover{background:#00d9ff33;border-color:#00d9ff80;transform:translateY(-2px)}.session-action-btn.cancel{color:#f44;background:#ff44441a;border-color:#ff44444d}.session-action-btn.cancel:hover{background:#f443;border-color:#ff444480}.gym-access-logs-view h3,.gym-reports-view h3{color:#fff;margin-bottom:20px;font-size:1.2rem;font-weight:700}.gym-reports-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.membership-revenue-breakdown{flex-direction:column;gap:16px;display:flex}.revenue-item{flex-direction:column;gap:8px;display:flex}.revenue-header{justify-content:space-between;align-items:center;display:flex}.revenue-name{font-size:1rem;font-weight:700}.revenue-count{color:#fff9;font-size:.85rem}.revenue-bar{background:#ffffff1a;border-radius:6px;width:100%;height:8px;overflow:hidden}.revenue-fill{border-radius:6px;height:100%;transition:width .3s}.revenue-amount{color:#00ff87;text-align:right;font-size:1.1rem;font-weight:700}.total-revenue{background:#00ff871a;border:1px solid #00ff874d;border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px;display:flex}.total-revenue span{color:#fffc}.total-revenue strong{color:#00ff87;font-size:1.5rem}.growth-stats{gap:20px}.growth-stat,.growth-stats{flex-direction:column;display:flex}.growth-stat{background:#ffffff08;border-radius:8px;gap:6px;padding:16px}.growth-label{color:#fff9;font-size:.85rem}.growth-value{color:#fff;font-size:1.5rem;font-weight:700}.growth-value.positive{color:#00ff87}.growth-percent{color:#ffffffb3;font-size:.9rem}.peak-hours-chart{justify-content:space-between;align-items:flex-end;gap:12px;height:200px;padding:20px 0;display:flex}.hour-bar{background:linear-gradient(#00d9ff,#00ff87);border-radius:8px 8px 0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;padding:12px 8px;transition:all .3s;display:flex;position:relative}.hour-bar:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff4d}.hour-label{color:#000;font-size:.75rem;font-weight:600}.hour-value{color:#000;font-size:1.2rem;font-weight:700}.class-popularity{flex-direction:column;gap:16px;display:flex}.popularity-item{flex-direction:column;gap:8px;display:flex}.popularity-name{color:#fff;font-weight:600}.popularity-bar{background:#ffffff1a;border-radius:6px;width:100%;height:8px;overflow:hidden}.popularity-fill{background:linear-gradient(135deg,#00d9ff,#00ff87);border-radius:6px;height:100%;transition:width .3s}.popularity-percent{color:#ffffffb3;text-align:right;font-size:.85rem}.access-logs-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.access-stat-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.access-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.access-stat-info{flex-direction:column;gap:4px;display:flex}.access-stat-value{color:#fff;font-size:1.8rem;font-weight:700}.access-stat-label{color:#fff9;font-size:.85rem}.access-log-card,.access-logs-list{flex-direction:column;gap:12px;display:flex}.access-log-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s;animation:cardFadeIn .3s forwards}.access-log-card:hover{background:#ffffff0d;border-color:#fff3}.log-header{justify-content:space-between}.log-header,.log-member{align-items:center;display:flex}.log-member{gap:12px}.log-member-name{color:#fff;font-weight:600}.log-action{color:#fff9;text-transform:capitalize;font-size:.85rem}.log-status-badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex}.log-status-badge.success{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.log-status-badge.denied{color:#f44;background:#f443;border:1px solid #f446}.log-status-badge.failed{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.log-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.log-detail{justify-content:space-between;align-items:center;display:flex}.log-detail-label{color:#fff9;font-size:.85rem}.log-detail-value{color:#fff;font-size:.9rem;font-weight:600}.log-reason{color:#ff8c00;background:#ff8c001a;border:1px solid #ff8c004d;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:.9rem;display:flex}.activity-log-view h3,.permissions-management-view h3,.roles-management-view h3,.users-management-view h3{color:#fff;margin-bottom:20px;font-size:1.2rem;font-weight:700}.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.user-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.user-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-2px)}.user-card-header{justify-content:space-between;align-items:center;display:flex}.user-avatar-large{color:#000;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.3rem;font-weight:700;display:flex}.user-status-badge{text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.user-status-badge.active{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.user-status-badge.inactive{color:#f44;background:#f443;border:1px solid #f446}.user-card-info{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.user-card-info h4{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.user-email{color:#fff9;margin:0;font-size:.9rem}.user-role-badge{border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600}.user-card-details{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:12px;padding:12px 0;display:flex}.user-detail-item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.user-card-actions{gap:10px;display:flex}.user-action-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.user-action-btn.edit{color:#00d9ff;background:#00d9ff1a;border:1px solid #00d9ff4d}.user-action-btn.edit:hover{background:#00d9ff33;border-color:#00d9ff80}.user-action-btn.delete{color:#f44;background:#ff44441a;border:1px solid #ff44444d}.user-action-btn.delete:hover{background:#f443;border-color:#ff444480}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.role-card{opacity:0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;animation:cardFadeIn .4s forwards;display:flex}.role-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)}.role-card.selected{border-color:#00d9ff80;box-shadow:0 4px 16px #00d9ff33}.role-header{gap:16px}.role-header,.role-icon{align-items:center;display:flex}.role-icon{border-radius:12px;justify-content:center;width:56px;height:56px}.role-info{flex:1}.role-info h4{color:#fff;margin:0 0 4px;font-size:1.2rem;font-weight:700}.role-info p{color:#fff9;margin:0;font-size:.9rem}.role-stats{gap:20px;padding:12px 0;display:flex}.role-stat{color:#fffc;align-items:center;gap:8px;font-size:.9rem;display:flex}.role-action-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.role-action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.permissions-matrix{overflow-x:auto}.permissions-table{flex-direction:column;gap:1px;min-width:800px;display:flex}.permissions-header{background:#00d9ff1a;border-radius:8px 8px 0 0;overflow:hidden}.permissions-header,.permissions-row{grid-template-columns:200px repeat(5,1fr);gap:1px;display:grid}.permissions-row:last-child .module-cell,.permissions-row:last-child .perms-cell{border-radius:0 0 8px 8px}.module-cell{color:#fff;background:#ffffff08;font-weight:600}.module-cell,.role-cell{align-items:center;padding:16px;display:flex}.role-cell{background:#ffffff0d;justify-content:center;font-size:.9rem;font-weight:700}.perms-cell{background:#ffffff08;justify-content:center;align-items:center;padding:12px;display:flex}.perms-checkboxes{gap:12px;display:flex}.perm-checkbox{color:#ffffff80;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.8rem;display:flex}.perm-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.perm-checkbox.checked{color:#00ff87}.activity-log-card,.activity-log-list{flex-direction:column;gap:12px;display:flex}.activity-log-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s;animation:cardFadeIn .3s forwards}.activity-log-card:hover{background:#ffffff0d;border-color:#fff3}.activity-header{justify-content:space-between;align-items:center;display:flex}.activity-user{align-items:center;gap:12px;display:flex}.activity-avatar{color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.activity-user-info{flex-direction:column;gap:4px;display:flex}.activity-user-name{color:#fff;font-weight:600}.activity-role{font-size:.8rem;font-weight:600}.activity-time{color:#fff9;align-items:flex-end;gap:2px;font-size:.85rem}.activity-details,.activity-time{flex-direction:column;display:flex}.activity-details{gap:8px}.activity-action{align-items:center;gap:12px;display:flex}.activity-module-badge{color:#00d9ff;text-transform:uppercase;background:#00d9ff33;border:1px solid #00d9ff66;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.activity-description{color:#fffc;font-size:.9rem}.activity-target{color:#fff;background:#ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}}@media (max-width:1024px){.permissions-row{grid-template-columns:180px repeat(5,1fr);gap:1px}.module-cell,.role-cell{padding:12px;font-size:.9rem}}@media (max-width:768px){.permissions-table-wrapper{overflow-x:auto}.permissions-row{grid-template-columns:150px repeat(5,minmax(80px,1fr))}.module-cell,.role-cell{padding:10px;font-size:.85rem}.activity-log-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.activity-time{font-size:.75rem}}@media (max-width:480px){.permissions-row{border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;margin-bottom:12px;padding:16px;display:flex}.module-cell{margin-bottom:12px;padding:0;font-size:1rem;font-weight:600}.role-cell{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.activity-log-item{padding:12px}.activity-module-badge{padding:3px 8px;font-size:.7rem}}.sales-pipeline-view{flex-direction:column;gap:24px;height:100%;display:flex}.pipeline-kanban{gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.kanban-column{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;min-width:320px;max-width:320px;padding:16px;display:flex}.kanban-header{justify-content:space-between;margin-bottom:8px}.kanban-header,.kanban-title{align-items:center;display:flex}.kanban-title{gap:8px}.kanban-dot{border-radius:50%;width:8px;height:8px}.kanban-title h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.kanban-count{color:#ffffffb3;background:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:.75rem}.kanban-value{color:#00ff87;font-size:.9rem;font-weight:700}.kanban-cards{max-height:calc(100vh - 350px);overflow-y:auto}.kanban-cards,.kanban-deal-card{flex-direction:column;gap:12px;display:flex}.kanban-deal-card{opacity:0;cursor:grab;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:16px;transition:all .3s;animation:cardFadeIn .3s forwards}.kanban-deal-card:hover{background:#ffffff14;border-color:#00d9ff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff1a}.kanban-deal-card:active{cursor:grabbing}.deal-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.deal-card-header h4{color:#fff;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.deal-priority{flex-shrink:0;font-size:1.2rem}.deal-company{color:#fff9;font-size:.85rem}.deal-value{color:#00ff87;font-size:1.1rem;font-weight:700}.deal-probability{align-items:center;gap:8px;display:flex}.probability-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.probability-fill{border-radius:3px;height:100%;transition:width .3s}.deal-probability span{color:#ffffffb3;font-size:.8rem;font-weight:600}.deal-next-action{color:#ff8c00;background:#ff8c001a;border:1px solid #ff8c004d;border-radius:6px;gap:6px;padding:8px;font-size:.8rem}.deal-footer,.deal-next-action{align-items:center;display:flex}.deal-footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:8px}.deal-assigned{color:#fff9;align-items:center;gap:6px;font-size:.8rem;display:flex}.deal-due{color:#ffffff80;font-size:.75rem}.deal-tags{flex-wrap:wrap;gap:6px;display:flex}.deal-tag{color:#00d9ff;background:#00d9ff26;border:1px solid #00d9ff4d;border-radius:12px;padding:4px 10px;font-size:.7rem;font-weight:600}.sales-leads-view{flex-direction:column;gap:24px;display:flex}.leads-header{justify-content:space-between;align-items:center;display:flex}.leads-header h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.leads-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.lead-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.lead-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff1a}.lead-header{gap:12px}.lead-avatar,.lead-header{align-items:center;display:flex}.lead-avatar{color:#fff;background:linear-gradient(135deg,#00d9ff,#b24bf3);border-radius:50%;flex-shrink:0;justify-content:center;width:48px;height:48px;font-size:1rem;font-weight:700}.lead-info{flex-direction:column;flex:1;gap:4px;display:flex}.lead-info h4{color:#fff;margin:0;font-size:1rem;font-weight:600}.lead-company{color:#fff9;font-size:.85rem}.lead-status-badge{white-space:nowrap;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:600}.lead-status-badge.hot{color:#f44;background:#f443;border:1px solid #f446}.lead-status-badge.warm{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.lead-status-badge.cold{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66}.lead-score{align-items:center;gap:12px;display:flex}.score-label{color:#fff9;min-width:80px;font-size:.8rem}.score-bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.score-fill{border-radius:4px;height:100%;transition:width .3s}.score-value{color:#00ff87;text-align:right;min-width:30px;font-size:.9rem;font-weight:700}.lead-contact{flex-direction:column;gap:8px;display:flex}.contact-item{color:#ffffffb3;align-items:center;gap:8px;font-size:.85rem;display:flex}.lead-meta{background:#ffffff08;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;display:grid}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.lead-notes{flex-direction:column;gap:6px;display:flex}.notes-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.lead-notes p{color:#ffffffb3;margin:0;font-size:.85rem;line-height:1.5}.lead-actions{gap:8px;display:flex}.lead-action-btn{color:#00d9ff;cursor:pointer;background:#00d9ff26;border:1px solid #00d9ff4d;border-radius:8px;flex:1;padding:10px;font-size:.85rem;font-weight:600;transition:all .3s}.lead-action-btn:hover{background:#00d9ff40;border-color:#00d9ff80;transform:translateY(-1px)}.sales-deals-view{flex-direction:column;gap:24px;display:flex}.deals-header{justify-content:space-between;align-items:center;display:flex}.deals-header h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.deals-filters{gap:8px;display:flex}.filter-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn:hover{color:#fff;background:#ffffff14}.filter-btn.active{color:#00d9ff;background:#00d9ff33;border-color:#00d9ff66}.deal-list-card,.deals-list{flex-direction:column;gap:12px;display:flex}.deal-list-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;animation:cardFadeIn .3s forwards}.deal-list-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translate(4px);box-shadow:0 4px 16px #00d9ff1a}.deal-list-main{justify-content:space-between;align-items:center;gap:24px;display:flex}.deal-list-left{flex-direction:column;flex:1;gap:4px;display:flex}.deal-list-left h4{color:#fff;margin:0;font-size:1rem;font-weight:600}.deal-list-company{color:#fff9;font-size:.85rem}.deal-list-center{align-items:center;gap:8px;display:flex}.deal-priority-badge,.deal-stage-badge{border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600}.deal-priority-badge{text-transform:uppercase}.deal-priority-badge.high{color:#f44;background:#f443;border:1px solid #f446}.deal-priority-badge.medium{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.deal-priority-badge.low{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66}.deal-list-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.deal-list-value{color:#00ff87;font-size:1.2rem;font-weight:700}.deal-list-probability{color:#fff9;font-size:.8rem}.deal-list-footer{border-top:1px solid #ffffff1a;align-items:center;gap:24px;padding-top:12px;display:flex}.deal-list-action,.deal-list-assigned,.deal-list-due{color:#fff9;align-items:center;gap:6px;font-size:.8rem;display:flex}.sales-analytics-view{flex-direction:column;gap:24px;display:flex}.sales-analytics-view h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.analytics-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:24px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.analytics-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff1a}.analytics-card-wide{grid-column:span 2}.analytics-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.analytics-content{flex-direction:column;flex:1;gap:8px;display:flex}.analytics-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.analytics-value{color:#fff;margin:0;font-size:2rem;font-weight:700;line-height:1}.analytics-trend{font-size:.8rem;font-weight:600}.analytics-trend.positive{color:#00ff87}.analytics-trend.negative{color:#f44}.target-progress{flex-direction:column;gap:8px;margin-top:8px;display:flex}.target-bar{background:#ffffff1a;border-radius:6px;width:100%;height:12px;overflow:hidden}.target-fill{background:linear-gradient(90deg,#00d9ff,#00ff87);border-radius:6px;height:100%;transition:width .3s}.target-labels{justify-content:space-between;font-size:.9rem;display:flex}.target-labels span:first-child{color:#00ff87;font-weight:700}.target-labels span:last-child{color:#ffffff80}.sales-reminders-view{flex-direction:column;gap:24px;display:flex}.reminders-header{justify-content:space-between;align-items:center;display:flex}.reminders-header h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.reminders-filters{gap:8px;display:flex}.reminders-list{gap:12px}.reminder-card,.reminders-list{flex-direction:column;display:flex}.reminder-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:20px;transition:all .3s;animation:cardFadeIn .3s forwards}.reminder-card:hover{background:#ffffff0d;border-color:#00d9ff4d;transform:translate(4px);box-shadow:0 4px 16px #00d9ff1a}.reminder-card.completed{opacity:.6;border-color:#00ff874d}.reminder-card.completed:hover{opacity:.8;border-color:#00ff8780}.reminder-header{align-items:center;gap:16px;display:flex}.reminder-type-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.reminder-info{flex-direction:column;flex:1;gap:4px;display:flex}.reminder-info h4{color:#fff;margin:0;font-size:1rem;font-weight:600}.reminder-deal{color:#fff9;font-size:.85rem}.reminder-priority-badge{text-transform:uppercase;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:600}.reminder-priority-badge.high{color:#f44;background:#f443;border:1px solid #f446}.reminder-priority-badge.medium{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c0066}.reminder-priority-badge.low{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66}.reminder-details{background:#ffffff08;border-radius:8px;align-items:center;gap:24px;padding:12px 16px;display:flex}.reminder-detail-item{color:#ffffffb3;align-items:center;gap:8px;font-size:.85rem;display:flex}.reminder-notes{background:#ff8c000d;border-left:3px solid #ff8c0066;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.reminder-notes .notes-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.reminder-notes p{color:#fffc;margin:0;font-size:.85rem;line-height:1.5}.reminder-actions{gap:8px;display:flex}.reminder-action-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.reminder-action-btn.complete{color:#00ff87;background:#00ff8726;border:1px solid #00ff874d}.reminder-action-btn.complete:hover{background:#00ff8740;border-color:#00ff8780;transform:translateY(-1px)}.reminder-action-btn.reschedule{color:#ff8c00;background:#ff8c0026;border:1px solid #ff8c004d}.reminder-action-btn.reschedule:hover{background:#ff8c0040;border-color:#ff8c0080;transform:translateY(-1px)}.reminder-completed{color:#00ff87;gap:8px;padding:10px;font-size:.85rem;font-weight:600}.reminder-completed,.website-integration-overlay{justify-content:center;align-items:center;display:flex}.website-integration-overlay{backdrop-filter:blur(20px);z-index:9999;background:#000000f2;padding:32px;animation:fadeIn .3s;position:fixed;inset:0}.website-integration-container{background:linear-gradient(135deg,#0f0f23fa,#080819fa);border:2px solid #00d9ff66;border-radius:24px;width:100%;max-width:1800px;height:100%;max-height:900px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00d9ff66,inset 0 1px #ffffff1a}.integration-demo-header{z-index:1;background:linear-gradient(135deg,#00d9ff26,#b24bf326);border-bottom:1px solid #00d9ff4d;padding:20px 24px;position:absolute;top:0;left:0;right:0}.integration-demo-header h2{color:#fff;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.integration-demo-header p{color:#fff9;margin:4px 0 0;font-size:.9rem}.integration-split{grid-template-columns:1fr 1fr;gap:3px;height:calc(100% - 80px);margin-top:56px;padding:24px;display:grid}.website-panel{backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e3c66,#14143266);border:1px solid #00d9ff33;border-radius:16px;padding:24px;position:relative;overflow-y:auto}.website-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}.website-header h2{color:#fff;margin:0;font-size:1.8rem;font-weight:700}.website-nav{gap:12px}.cart-btn,.website-nav{align-items:center;display:flex}.cart-btn{color:#00d9ff;cursor:pointer;background:#00d9ff33;border:1px solid #00d9ff66;border-radius:10px;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .3s;position:relative}.cart-btn:hover{background:#00d9ff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff4d}.cart-badge{color:#fff;background:#f44;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;position:absolute;top:-5px;right:-5px}.signup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#b24bf3);border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #b24bf34d}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b24bf380}.user-info{color:#00ff87;background:#00ff8726;border:1px solid #00ff874d;border-radius:8px;padding:10px 16px;font-weight:600}.website-notifications{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.website-notif{color:#00ff87;background:#00ff8726;border:1px solid #00ff874d;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;animation:slideInRight .3s;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.section-title{color:#fff;margin:0 0 20px;font-size:1.3rem;font-weight:700}.website-products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.website-product-card{opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .3s;animation:cardFadeIn .3s forwards;display:flex}.website-product-card:hover{background:#ffffff14;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 20px #00d9ff33}.product-image{text-align:center;font-size:3rem}.website-product-card h4{color:#fff;margin:0;font-size:1rem;font-weight:600}.product-category{color:#fff9;margin:0;font-size:.8rem}.product-price{color:#00ff87;font-size:1.2rem;font-weight:700}.product-stock{color:#fff9;font-size:.8rem}.add-to-cart-btn{color:#00d9ff;background:linear-gradient(135deg,#00d9ff33,#00d9ff4d);border:1px solid #00d9ff80;border-radius:10px;padding:12px;font-size:.9rem}.add-to-cart-btn:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff66);box-shadow:0 4px 12px #00d9ff66}.empty-state{color:#ffffff80;text-align:center;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:60px 20px}.cart-view,.empty-state{flex-direction:column;display:flex}.cart-view{gap:20px}.cart-items{gap:12px}.cart-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.cart-item-icon{font-size:2rem}.cart-item-info{flex:1}.cart-item-info h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.cart-item-info p{color:#fff9;margin:0;font-size:.85rem}.cart-item-total{color:#00ff87;font-size:1.1rem;font-weight:700}.cart-total{background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:12px;padding:20px;font-size:1.3rem}.place-order-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00ff87,#00d9ff);border:none;border-radius:12px;padding:16px;font-size:1.1rem;font-weight:700;transition:all .3s}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00ff8766}.place-order-btn:disabled{opacity:.5;cursor:not-allowed}.back-shop-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:12px;font-weight:600;transition:all .3s}.back-shop-btn:hover{background:#ffffff1a}.mapos-panel{backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d9ff14,#b24bf314);border:1px solid #b24bf34d;border-radius:16px;flex-direction:column;gap:20px;padding:24px;transition:all .3s;display:flex;overflow-y:auto}.mapos-panel.syncing{border-color:#00d9ff99;animation:syncPulse 1s ease-in-out;box-shadow:0 0 40px #00d9ff66,inset 0 0 20px #00d9ff1a}@keyframes syncPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.mapos-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mapos-header h2{color:#00d9ff;margin:0;font-size:1.5rem;font-weight:700}.sync-indicator{height:24px}.syncing-label{color:#00ff87;font-size:.9rem;font-weight:600;animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #ff1b8d66}50%{box-shadow:0 0 40px #ff1b8dcc}}.mapos-tab,.mapos-tabs{gap:8px;display:flex}.mapos-tab{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:14px 18px;font-size:.95rem;font-weight:600;transition:all .3s}.mapos-tab:hover{color:#fff;background:#ffffff14}.mapos-tab.active{color:#00d9ff;background:linear-gradient(135deg,#00d9ff40,#b24bf340);border-color:#00d9ff80;box-shadow:0 4px 12px #00d9ff4d}.mapos-tab.pulse{animation:tabPulse .5s}@keyframes tabPulse{0%,to{box-shadow:none;transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px #00d9ff80}}.mapos-content{flex-direction:column;flex:1;display:flex}.mapos-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mapos-section-header h3{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.add-product-btn{color:#00ff87;cursor:pointer;background:#00ff8726;border:1px solid #00ff874d;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .3s;display:flex}.add-product-btn:hover{background:#00ff8740;transform:translateY(-2px)}.mapos-table{flex-direction:column;gap:8px;display:flex}.mapos-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.mapos-row:hover{background:#ffffff14;border-color:#00d9ff4d}.item-icon{font-size:1.5rem}.item-details{flex-direction:column;flex:1;gap:4px;display:flex}.item-details strong{color:#fff;font-size:.95rem}.item-sku{color:#ffffff80;font-size:.75rem}.item-price,.item-stock{color:#ffffffb3;font-size:.85rem}.contact-avatar{color:#fff;background:linear-gradient(135deg,#00d9ff,#b24bf3);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.contact-details{flex-direction:column;flex:1;gap:4px;display:flex}.contact-details strong{color:#fff;font-size:.95rem}.contact-email{color:#ffffff80;font-size:.75rem}.contact-orders{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.contact-orders span{color:#ffffffb3;font-size:.85rem}.contact-spent{color:#00ff87;font-weight:700}.order-details{flex-direction:column;flex:1;gap:4px;display:flex}.order-details strong{color:#fff;font-size:.95rem}.order-customer{color:#ffffff80;font-size:.75rem}.order-items,.order-total{color:#ffffffb3;font-size:.85rem}.order-total{color:#00ff87;font-weight:700}.order-status{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600}.order-status.pending{color:#ff8c00;background:#ff8c0033}.order-status.delivered{color:#00ff87;background:#00ff8733}.complete-order-btn{color:#00ff87;cursor:pointer;background:#00ff8726;border:1px solid #00ff874d;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .3s}.complete-order-btn:hover{background:#00ff8740;transform:scale(1.05)}.add-product-modal,.signup-modal{width:90%;max-width:500px}.product-form,.signup-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.submit-product-btn,.submit-signup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#b24bf3);border:none;border-radius:8px;margin-top:10px;padding:14px;font-weight:700;transition:all .3s}.submit-product-btn:hover,.submit-signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff66}.media-demo-content{flex-direction:column;gap:24px;height:calc(100% - 80px);margin-top:80px;padding:24px;display:flex}.media-tabs{border-bottom:1px solid #ffffff1a;gap:12px;padding-bottom:20px;display:flex}.media-tab{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.media-tab:hover{color:#fff;background:#ffffff14}.media-tab.active{color:#ff8c00;background:linear-gradient(135deg,#ff8c0040,#b24bf340);border-color:#ff8c0080;box-shadow:0 4px 12px #ff8c004d}.media-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.media-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.add-shoot-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c00,#b24bf3);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #ff8c004d}.add-shoot-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0080}.editing-workspace,.projects-list,.shoots-grid{flex:1;overflow-y:auto}.shoots-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.project-card,.shoot-card{opacity:0;transition:all .3s;animation:cardFadeIn .3s forwards}.shoot-card{background:linear-gradient(135deg,#ff8c001a,#b24bf31a);border:1px solid #ff8c004d;border-radius:16px;padding:20px}.shoot-card:hover{border-color:#ff8c0080;transform:translateY(-4px);box-shadow:0 8px 24px #ff8c004d}.project-header,.shoot-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.project-type-badge,.shoot-type{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.project-status,.shoot-status{text-transform:capitalize;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600}.shoot-status.confirmed{color:#00ff87;background:#00ff8733}.shoot-status.pending{color:#ff8c00;background:#ff8c0033}.project-status.in-editing{color:#00d9ff;background:#00d9ff33}.project-status.review{color:#ff8c00;background:#ff8c0033}.project-status.planning{color:#b24bf3;background:#b24bf333}.project-info h4,.shoot-card h4{color:#fff;margin:0 0 16px;font-size:1.2rem;font-weight:700}.shoot-details{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.meta-item,.shoot-detail{color:#ffffffb3;align-items:center;gap:8px;font-size:.9rem;display:flex}.shoot-equipment{border-top:1px solid #ffffff1a;padding-top:16px}.shoot-equipment strong{color:#fff;margin-bottom:8px;font-size:.9rem;display:block}.equipment-tags{flex-wrap:wrap;gap:8px;display:flex}.equipment-tag{color:#ff8c00;background:#ff8c0033;border:1px solid #ff8c004d;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}.projects-list{flex-direction:column;gap:16px;display:flex}.project-card{background:linear-gradient(135deg,#b24bf31a,#00d9ff1a);border:1px solid #b24bf34d;border-radius:16px;padding:20px}.project-card:hover{border-color:#b24bf380;transform:translate(4px);box-shadow:0 8px 24px #b24bf34d}.project-client{color:#fff9;font-size:.9rem}.project-progress{margin-bottom:16px}.progress-header{color:#fffc;justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.progress-bar{background:#ffffff1a;height:8px;overflow:hidden}.project-meta{gap:20px;display:flex}.editing-workspace{grid-template-columns:2fr 1fr;gap:24px;display:grid}.editing-tools,.timeline-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.editing-tools h4,.timeline-panel h4{color:#fff;margin:0 0 16px;font-size:1.1rem}.timeline-tracks{flex-direction:column;gap:12px;display:flex}.track{align-items:center;gap:12px;display:flex}.track-label{color:#ffffffb3;width:80px;font-size:.85rem;font-weight:600}.track-clips{background:#0000004d;border-radius:6px;flex:1;gap:4px;height:40px;padding:4px;display:flex}.clip{color:#fff;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:flex}.tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.tool-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .3s;display:flex}.tool-card:hover{background:#ffffff14;transform:translateY(-2px)}.tool-icon{font-size:2rem}.tool-card span{color:#fffc;font-size:.85rem;font-weight:600}.export-section{border-top:1px solid #ffffff1a;padding-top:20px}.export-section h4{margin:0 0 12px}.export-select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;margin-bottom:12px;padding:12px;font-size:.95rem}.export-btn,.export-select{color:#fff;cursor:pointer;width:100%}.export-btn{background:linear-gradient(135deg,#00ff87,#00d9ff);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00ff874d}.export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff8780}@media (max-width:768px){.website-integration-overlay{padding:16px}.website-integration-container{border-radius:20px;max-height:85vh}.integration-demo-header{padding:16px 20px}.integration-demo-header h2{font-size:1.3rem}.integration-demo-header p{font-size:.85rem}.integration-split{grid-template-columns:1fr;gap:16px;height:calc(100% - 72px);margin-top:52px;padding:20px 16px}.mapos-panel,.website-panel{max-height:45vh;padding:20px}.website-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:16px}.website-header h2{font-size:1.5rem}.website-nav{justify-content:space-between;width:100%}.cart-btn,.signup-btn{padding:10px 16px;font-size:.9rem}.products-grid{grid-template-columns:1fr;gap:16px}.product-card{padding:16px}.product-name{font-size:1rem}.product-price{font-size:1.1rem}.add-to-cart-btn{padding:10px 16px;font-size:.9rem}.cart-items{gap:12px}.cart-item{padding:12px}.cart-total{padding:16px;font-size:1.2rem}.place-order-btn{padding:14px;font-size:1rem}.mapos-header h2{font-size:1.3rem}.mapos-tabs{flex-direction:column;gap:8px}.mapos-tab{padding:12px 16px;font-size:.9rem}.shoots-grid{grid-template-columns:1fr;gap:16px}.shoot-card{padding:16px}.export-btn{padding:12px;font-size:.9rem}}@media (max-width:480px){.website-integration-overlay{padding:12px}.website-integration-container{border-radius:16px;max-height:88vh}.integration-demo-header{padding:12px 16px}.integration-demo-header h2{font-size:1.2rem}.integration-demo-header p{font-size:.8rem}.integration-split{gap:12px;margin-top:48px;padding:16px 12px}.mapos-panel,.website-panel{max-height:42vh;padding:16px}.mapos-header h2,.website-header h2{font-size:1.3rem}.cart-btn,.signup-btn{padding:10px 14px;font-size:.85rem}.products-grid{gap:12px}.product-card{padding:14px}.product-image{height:120px}.product-name{font-size:.95rem}.product-price{font-size:1rem}.add-to-cart-btn{padding:10px 14px;font-size:.85rem}.cart-item{padding:10px}.cart-item-name{font-size:.9rem}.cart-total{padding:14px;font-size:1.1rem}.place-order-btn{padding:12px;font-size:.95rem}.mapos-tab{padding:10px 14px;font-size:.85rem}.shoot-card{padding:14px}.export-btn{padding:12px;font-size:.85rem}}.tab-description{color:#ffffffb3;max-width:800px;margin-top:.5rem;font-size:.9rem;line-height:1.6}.integration-demo-header p{max-width:900px;margin:0 auto;font-size:.95rem;line-height:1.7}.media-overlay{backdrop-filter:blur(12px);z-index:10000;background:#000000eb;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .3s ease-out;display:flex;position:fixed;inset:0}.media-container{background:linear-gradient(135deg,#141423fa,#1e0f28fa);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:1400px;max-height:90vh;animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;box-shadow:0 25px 80px #0009}.media-close{color:#fff;cursor:pointer;z-index:100;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;width:40px;height:40px;font-size:1.5rem;transition:all .3s;position:absolute;top:1.5rem;right:1.5rem}.media-close:hover{background:#ff4b4b4d;border-color:#ff4b4b;transform:rotate(90deg)}.media-hero{text-align:center;background:linear-gradient(#b24bf31a,#0000);border-bottom:1px solid #ffffff1a;padding:4rem 3rem}.media-hero-content h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#00d9ff);-webkit-background-clip:text;background-clip:text;margin:1rem 0 .5rem;font-size:3rem;font-weight:800}.media-subtitle{color:#fff9;margin-bottom:2.5rem;font-size:1.25rem}.media-icon-wrapper{background:linear-gradient(135deg,#b24bf333,#00d9ff33);border:2px solid #ffffff1a;border-radius:50%;margin-bottom:1rem;padding:1.5rem;display:inline-flex}.media-icon-wrapper svg{color:#00d9ff}.media-stats{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.stat-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;min-width:140px;padding:1.5rem 2.5rem;display:flex}.stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00ff87,#00d9ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:#ffffff80;margin-top:.5rem}.media-services{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:3rem;display:grid}.service-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;background:linear-gradient(135deg,#b24bf31a,#00d9ff1a);transition:opacity .4s;position:absolute;inset:0}.service-card:hover{border-color:#00d9ff80;transform:translateY(-8px);box-shadow:0 20px 60px #00d9ff4d}.service-card:hover:before{opacity:1}.service-icon{z-index:1;background:linear-gradient(135deg,#b24bf333,#00d9ff33);border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;display:inline-flex;position:relative}.service-icon svg{color:#00d9ff}.service-card h3{z-index:1;color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;position:relative}.service-card p{z-index:1;color:#fff9;margin-bottom:1rem;line-height:1.6;position:relative}.service-arrow{color:#00d9ff;opacity:0;font-size:2rem;transition:all .4s;position:absolute;bottom:1.5rem;right:2rem;transform:translate(-10px)}.service-card:hover .service-arrow{opacity:1;transform:translate(0)}@media (max-width:768px){.media-services{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.5rem}.service-card{min-height:44px;padding:2rem}.service-card:hover{transform:translateY(-4px)}.service-icon{margin-bottom:1rem;padding:1rem}.service-icon svg{width:28px;height:28px}.service-card h3{font-size:1.25rem}.service-card p{font-size:.9rem}.service-arrow{font-size:1.5rem;bottom:1.25rem;right:1.5rem}.media-overlay{padding:1.5rem}.media-container{border-radius:20px;max-height:88vh}.media-close{width:38px;height:38px;top:1.25rem;right:1.25rem}.media-hero{padding:3rem 2rem}.media-hero-content h1{font-size:2.5rem}.media-subtitle{font-size:1.1rem}.media-icon-wrapper{padding:1.25rem}.media-stats{gap:1.5rem}.stat-badge{min-width:120px;padding:1.25rem 2rem}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}.media-detail-overlay{padding:1.5rem}.media-detail-container{border-radius:20px;padding:2.5rem 2rem}.detail-header{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2.5rem}.detail-header h2{font-size:2rem}.btn-primary{width:100%;margin-left:0}.detail-back{padding:.75rem 1.5rem}.timeline-shoot{gap:1.25rem}.timeline-card{padding:1.75rem}.timeline-card h4{font-size:1.3rem}.projects-board{grid-template-columns:1fr;gap:1.75rem}.board-project{padding:1.75rem}}@media (max-width:480px){.media-services{gap:1rem;padding:1.5rem 1rem}.service-card{padding:1.5rem}.service-icon{border-radius:12px;padding:.875rem}.service-card h3{font-size:1.125rem}.service-card p{font-size:.85rem;line-height:1.5}.media-overlay{padding:1rem}.media-container{border-radius:16px;max-height:88vh}.media-close{width:36px;height:36px;top:1rem;right:1rem}.media-hero{padding:2rem 1.5rem}.media-hero-content h1{font-size:2rem}.media-subtitle{font-size:1rem}.media-icon-wrapper{padding:1rem}.media-stats{gap:1rem}.stat-badge{min-width:100px;padding:1rem 1.5rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.75rem}.media-detail-overlay{padding:1rem}.media-detail-container{border-radius:16px;padding:2rem 1.5rem}.detail-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.detail-header h2{font-size:1.75rem}.btn-primary{width:100%;margin-left:0}.detail-back{padding:.625rem 1.25rem;font-size:.9rem}.timeline-shoot{gap:1rem}.timeline-card{padding:1.5rem}.timeline-card h4{font-size:1.2rem}.timeline-details{gap:.5rem}.detail-row{font-size:.9rem}.projects-board{grid-template-columns:1fr;gap:1.5rem}.board-project{padding:1.5rem}}.media-detail-overlay{backdrop-filter:blur(16px);z-index:10001;background:#000000f2;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .3s ease-out;display:flex;position:fixed;inset:0}.media-detail-container{background:linear-gradient(135deg,#191928fa,#23142dfa);border:1px solid #ffffff26;border-radius:24px;width:100%;max-width:1600px;max-height:90vh;padding:3rem;animation:slideUp .4s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;box-shadow:0 30px 100px #000c}.detail-back{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:.95rem;transition:all .3s}.detail-back:hover{background:#ffffff26;transform:translate(-4px)}.detail-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}.detail-header svg{color:#00d9ff}.detail-header h2{margin:0;font-size:2.5rem;font-weight:800}.detail-header p{color:#fff9;margin:.5rem 0 0}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b24bf3,#00d9ff);border:none;border-radius:12px;align-items:center;gap:.5rem;margin-left:auto;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 24px #b24bf366}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #b24bf399}.shoots-timeline{flex-direction:column;gap:2rem;display:flex}.timeline-shoot{opacity:0;gap:1.5rem;animation:slideIn .5s ease-out forwards;display:flex}.timeline-marker{background:linear-gradient(135deg,#b24bf3,#00d9ff);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:.5rem;position:relative;box-shadow:0 0 20px #00d9ff80}.timeline-marker:after{content:"";background:linear-gradient(#00d9ff80,#0000);width:2px;height:100px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.timeline-shoot:last-child .timeline-marker:after{display:none}.timeline-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex:1;padding:2rem;transition:all .3s}.timeline-card:hover{background:#ffffff0f;border-color:#00d9ff66;box-shadow:0 8px 32px #00d9ff33}.timeline-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.shoot-type-badge{border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.shoot-type-badge[data-type=photoshoot]{color:#00d9ff;background:#00d9ff33}.shoot-type-badge[data-type=videography]{color:#b24bf3;background:#b24bf333}.shoot-status-badge{text-transform:capitalize;border-radius:6px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.shoot-status-badge[data-status=confirmed]{color:#00ff87;background:#00ff8733}.shoot-status-badge[data-status=pending]{color:#ff8c00;background:#ff8c0033}.timeline-card h4{color:#fff;margin-bottom:1rem;font-size:1.4rem}.timeline-details{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.detail-row{color:#ffffffb3;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.detail-row svg{color:#00d9ff}.equipment-list{flex-wrap:wrap;gap:.5rem;display:flex}.equipment-chip{color:#b24bf3;background:#b24bf333;border:1px solid #b24bf366;border-radius:6px;padding:.4rem .9rem;font-size:.85rem}.projects-board{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.board-project{opacity:0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s;animation:slideIn .5s ease-out forwards}.board-project:hover{background:#ffffff0f;border-color:#00d9ff66;transform:translateY(-4px);box-shadow:0 12px 40px #00d9ff33}.project-badge-row{gap:.75rem;margin-bottom:1.5rem;display:flex}.type-badge{border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.type-badge[data-type=video]{color:#b24bf3;background:#b24bf333}.type-badge[data-type=photo]{color:#00d9ff;background:#00d9ff33}.status-badge{text-transform:capitalize;border-radius:8px;padding:.5rem 1rem;font-weight:600}.status-badge[data-status=in-editing]{color:#ff8c00;background:#ff8c0033}.status-badge[data-status=review]{color:#00d9ff;background:#00d9ff33}.status-badge[data-status=planning]{color:#b24bf3;background:#b24bf333}.board-project h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.client-name{color:#ffffff80;font-size:.95rem}.client-name,.progress-section{margin-bottom:1.5rem}.progress-label{color:#ffffffb3;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;display:flex}.progress-label strong{color:#fff;font-size:1.1rem}.progress-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;transition:width .6s cubic-bezier(.16,1,.3,1)}.project-meta-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.meta-box{background:#ffffff0d;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.meta-box svg{color:#00d9ff}.meta-box div{flex-direction:column;display:flex}.meta-value{color:#fff;font-size:.95rem;font-weight:600}.meta-key{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.studio-workspace{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.timeline-section,.tools-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.timeline-section h3,.tools-section h3{color:#fff;margin-bottom:1.5rem;font-size:1.3rem}.timeline-grid{flex-direction:column;gap:1rem;display:flex}.timeline-row{grid-template-columns:80px 1fr;align-items:center;gap:1rem;display:grid}.track-name{color:#ffffffb3;font-size:.9rem;font-weight:600}.track-content{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;gap:.5rem;height:60px;padding:.5rem;display:flex}.clip-block{color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000004d}.clip-block:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000080}.clip-block span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tools-palette{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.tool-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;transition:all .3s;display:flex}.tool-item:hover{background:#ffffff14;border-color:#00d9ff80;transform:translateY(-2px)}.tool-icon-circle{background:linear-gradient(135deg,#b24bf333,#00d9ff33);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.tool-item span{color:#fffc;text-align:center;font-size:.9rem}.export-panel{background:#00d9ff0d;border:1px solid #00d9ff33;border-radius:12px;padding:1.5rem}.export-panel h4{color:#fff;margin-bottom:1rem;font-size:1rem}.format-select{color:#fff;cursor:pointer;background:#0006;border:1px solid #fff3;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem;font-size:.95rem}.export-button{color:#0a0a0a;cursor:pointer;background:linear-gradient(135deg,#00ff87,#00d9ff);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 24px #00ff874d}.export-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00ff8780}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.studio-workspace{grid-template-columns:1fr}}@media (max-width:768px){.media-stats{gap:1rem}.stat-badge{min-width:100px;padding:1rem 1.5rem}.media-services,.projects-board{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start}.btn-primary{justify-content:center;width:100%;margin-left:0}}.demo-overlay{backdrop-filter:blur(10px);z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .3s;display:flex;position:fixed;inset:0}.demo-modal,.demo-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto}.demo-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:1200px;max-height:90vh;padding:3rem;position:relative;box-shadow:0 20px 60px #00000080}@media (max-width:768px){.demo-overlay{padding:1rem}.demo-modal{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;border-radius:16px;min-height:auto;max-height:none;margin:0 auto;padding:2rem 1.5rem;overflow:hidden visible}.demo-close{width:34px;height:34px;top:1rem;right:1rem}.demo-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.demo-icon{border-radius:12px;width:60px;height:60px}.demo-title-section h2{font-size:1.8rem}.demo-title-section p{font-size:1rem}}@media (max-width:480px){.demo-overlay{padding:.75rem}.demo-modal{border-radius:12px;padding:1.5rem 1rem}.demo-close{width:32px;height:32px;font-size:1.1rem;top:.75rem;right:.75rem}.demo-header{gap:.875rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.demo-icon{border-radius:10px;width:50px;height:50px}.demo-title-section h2{font-size:1.5rem}.demo-title-section p{font-size:.95rem}}.demo-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.demo-close:hover{background:#ff32324d;transform:rotate(90deg)}.demo-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;gap:1.5rem;margin-bottom:2rem;padding:2rem 2rem 1.5rem}.demo-header,.demo-icon{align-items:center;display:flex}.demo-icon{color:#fff;background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:16px;justify-content:center;width:80px;height:80px}.demo-title-section h2{color:#fff;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.demo-title-section p{color:#ffffffb3;margin:0;font-size:1.1rem}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.demo-feature-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s}.demo-feature-card:hover{background:#ffffff0d;border-color:#ff8c0080;transform:translateY(-4px);box-shadow:0 12px 32px #ff8c0033}.feature-icon{margin-bottom:1rem;font-size:3rem}.demo-feature-card h3{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.demo-feature-card>p{color:#ffffffb3;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{color:#fffc;align-items:center;gap:.75rem;padding:.6rem 0;font-size:.9rem;display:flex}.feature-list li:before{content:"✓";background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex}.demo-cta{background:linear-gradient(135deg,#ff8c001a,#ff6b001a);border:1px solid #ff8c004d;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.cta-content h3{color:#fff;margin:0 0 .5rem;font-size:1.8rem}.cta-content p{color:#ffffffb3;margin:0;font-size:1rem}.cta-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff8c00,#ff6b00);border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #ff8c0066}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff8c0099}@media (max-width:768px){.demo-modal{padding:2rem 1.5rem}.demo-header{flex-direction:column;align-items:flex-start}.demo-title-section h2{font-size:2rem}.demo-grid{grid-template-columns:1fr}.demo-cta{flex-direction:column;align-items:stretch}.cta-button{width:100%}}.marketing-modal{max-width:1400px}.marketing-icon{background:linear-gradient(135deg,#ff1b8d,#d946ef)!important}.marketing-plan-section,.plan-header{margin-bottom:3rem}.plan-header{text-align:center}.plan-header h3{color:#fff;margin:0 0 .75rem;font-size:2rem;font-weight:800}.plan-header p{color:#ffffffb3;margin:0;font-size:1.1rem}.plan-phases{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.phase-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:all .3s;position:relative}.phase-card:hover{background:#ffffff0d;border-color:#ff1b8d80;transform:translateY(-4px);box-shadow:0 12px 32px #ff1b8d33}.phase-number{color:#fff;background:linear-gradient(135deg,#ff1b8d,#d946ef);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:800;display:flex;position:absolute;top:-15px;left:2rem;box-shadow:0 4px 12px #ff1b8d66}.phase-card h4{color:#fff;margin:1.5rem 0 .75rem;font-size:1.4rem;font-weight:700}.phase-card>p{color:#ffffffb3;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.phase-activities{margin:0;padding:0;list-style:none}.phase-activities li{color:#fffc;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.6rem 0;font-size:.9rem;display:flex}.phase-activities li:last-child{border-bottom:none}.phase-activities li:before{content:"→";color:#ff1b8d;flex-shrink:0;font-size:1.2rem;font-weight:700}.marketing-services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.marketing-service{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.marketing-service:hover{background:#ffffff0d;border-color:#ff1b8d4d;transform:translateY(-2px)}.service-icon-badge{margin-bottom:1rem;font-size:2.5rem}.marketing-service h4{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.marketing-service p{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.5}.marketing-cta{background:linear-gradient(135deg,#ff1b8d1a,#d946ef1a)!important;border:1px solid #ff1b8d4d!important}.marketing-cta-btn{background:linear-gradient(135deg,#ff1b8d,#d946ef)!important;box-shadow:0 8px 24px #ff1b8d66!important}.marketing-cta-btn:hover{box-shadow:0 12px 32px #ff1b8d99!important}@media (max-width:968px){.plan-phases{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:640px){.marketing-services-grid,.plan-phases{grid-template-columns:1fr}.marketing-services-grid{gap:1rem}.marketing-service{min-height:44px;padding:1.25rem}.service-icon-badge{margin-bottom:.75rem;font-size:2rem}.marketing-service h4{font-size:1.1rem}.marketing-service p{font-size:.85rem}.phase-card{padding:1.5rem}.phase-card h4{font-size:1.2rem}}.bubble-flow-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;margin:3rem 0;padding:3rem}.flow-title{text-align:center;margin-bottom:4rem}.flow-title h3{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff1b8d,#d946ef);-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.flow-title p{color:#ffffffb3;margin:0;font-size:1.1rem}.bubble-flow{justify-content:center;align-items:center;min-height:700px;display:flex;position:relative}.center-bubble{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-bubble .bubble-content{background:linear-gradient(135deg,#ff1b8d,#d946ef);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;animation:pulse 3s ease-in-out infinite;display:flex;box-shadow:0 0 40px #ff1b8d99}.center-bubble .bubble-icon{margin-bottom:.5rem;font-size:3rem}.center-bubble h4{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.flow-bubble{animation:float 4s ease-in-out infinite;position:absolute}.flow-bubble .bubble-content{text-align:center;cursor:pointer;background:#ffffff0d;border:2px solid #ff1b8d66;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;padding:1.5rem;transition:all .3s;display:flex;position:relative}.flow-bubble:hover .bubble-content{background:#ff1b8d26;border-color:#ff1b8dcc;transform:scale(1.1);box-shadow:0 0 30px #ff1b8d80}.step-number{color:#fff;background:linear-gradient(135deg,#ff1b8d,#d946ef);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:10px;right:10px}.flow-bubble .bubble-icon{margin-bottom:.5rem;font-size:2.5rem}.flow-bubble h4{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.flow-bubble p{color:#ffffffb3;margin:0;font-size:.85rem;line-height:1.4}.connecting-line{z-index:-1;background:linear-gradient(90deg,#ff1b8d99,#d946ef99);height:2px;position:absolute}.connecting-line:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:8px solid #ff1b8d99;width:0;height:0;position:absolute;top:-3px;right:0}.bubble-1{animation-delay:0s;top:5%;left:50%;transform:translate(-50%)}.bubble-2{animation-delay:.5s;top:20%;right:15%}.bubble-3{animation-delay:1s;top:50%;right:5%;transform:translateY(-50%)}.bubble-4{animation-delay:1.5s;bottom:20%;right:15%}.bubble-5{animation-delay:2s;bottom:20%;left:15%}.bubble-6{animation-delay:2.5s;top:50%;left:5%;transform:translateY(-50%)}.line-1{width:80px;bottom:-40px;left:50%;transform:translate(-50%)rotate(90deg)}.line-2{width:120px;bottom:50%;left:-60px;transform:rotate(-45deg)}.line-3{width:100px;top:50%;left:-50px;transform:translateY(-50%)}.line-4{left:-60px;transform:rotate(45deg)}.line-4,.line-5{width:120px;top:50%}.line-5{right:-60px;transform:rotate(-45deg)}.line-6{width:100px;top:50%;right:-50px;transform:translateY(-50%)}.result-bubble{animation:float 4s ease-in-out 3s infinite;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.result-bubble .bubble-content{text-align:center;background:linear-gradient(135deg,#00ff87,#00d9ff);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;padding:1.5rem;animation:pulse 3s ease-in-out infinite;display:flex;box-shadow:0 0 40px #00ff8780}.result-bubble .bubble-icon{margin-bottom:.5rem;font-size:3.5rem}.result-bubble h4{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.result-bubble p{color:#ffffffe6;margin:0;font-size:1rem;font-weight:600}.line-result{background:linear-gradient(90deg,#00ff8799,#00d9ff99);width:80px;top:-40px;left:50%;transform:translate(-50%)rotate(90deg)}.line-result:after{border-left-color:#00ff8799}.marketing-channels{text-align:center;margin:3rem 0}.marketing-channels h3{color:#fff;margin:0 0 2rem;font-size:2rem;font-weight:800}.channels-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem}.channel-bubble,.channels-grid{align-items:center;display:flex}.channel-bubble{cursor:pointer;background:#ffffff08;border:1px solid #ff1b8d4d;border-radius:16px;flex-direction:column;gap:.75rem;min-width:120px;padding:1.5rem;transition:all .3s}.channel-bubble:hover{background:#ff1b8d1a;border-color:#ff1b8d99;transform:translateY(-4px);box-shadow:0 8px 24px #ff1b8d4d}.channel-icon{filter:drop-shadow(0 4px 8px #ff1b8d4d);font-size:2.5rem}.channel-bubble span{color:#fff;font-size:1rem;font-weight:600}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-15px)translate(5px)}}@media (max-width:1024px){.bubble-flow{min-height:600px}.flow-bubble .bubble-content,.result-bubble .bubble-content{width:140px;height:140px}.center-bubble .bubble-content{width:130px;height:130px}}@media (max-width:768px){.bubble-flow-container{padding:2rem 1rem}.bubble-flow{flex-direction:column;min-height:900px}.center-bubble,.flow-bubble,.result-bubble{margin:1.5rem auto;position:relative!important;inset:auto!important;transform:none!important}.connecting-line{display:none}.channels-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.step-by-step-container{padding:2rem 0}.step-progress{margin-bottom:3rem}.progress-bar-track{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:1.5rem;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#ff1b8d,#d946ef);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.progress-dots{justify-content:space-between;gap:1rem}.progress-dot,.progress-dots{align-items:center;display:flex}.progress-dot{cursor:pointer;color:#ffffff80;background:#ffffff0d;border:2px solid #fff3;border-radius:50%;justify-content:center;width:50px;height:50px;font-size:1.2rem;font-weight:700;transition:all .3s}.progress-dot.active{color:#fff;background:#ff1b8d33;border-color:#ff1b8d99}.progress-dot.current{color:#fff;background:linear-gradient(135deg,#ff1b8d,#d946ef);border-color:#ff1b8d;animation:pulse-dot 2s ease-in-out infinite;transform:scale(1.2);box-shadow:0 0 20px #ff1b8d99}@keyframes pulse-dot{0%,to{box-shadow:0 0 20px #ff1b8d99}50%{box-shadow:0 0 30px #ff1b8de6}}.step-content-area{-webkit-overflow-scrolling:touch;height:550px;padding:2rem 0;position:relative;overflow-y:auto}.step-content-area,.step-slide{justify-content:center;align-items:center;width:100%;display:flex}.step-slide{flex-direction:row;gap:3rem;max-width:1200px;height:100%;margin:0 auto;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-visual{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;flex:1;justify-content:center;align-items:center;min-width:400px;height:400px;display:flex;position:relative;overflow:hidden}.big-icon{filter:drop-shadow(0 10px 30px #ff1b8d66);font-size:8rem;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.visual-circles{pointer-events:none;position:absolute;inset:0}.circle{border:2px solid #ff1b8d4d;border-radius:50%;animation:expandCircle 3s ease-in-out infinite;position:absolute}.circle.c1{width:150px;height:150px;animation-delay:0s}.circle.c1,.circle.c2{top:50%;left:50%;transform:translate(-50%,-50%)}.circle.c2{width:250px;height:250px;animation-delay:.5s}.circle.c3{width:350px;height:350px;animation-delay:1s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes expandCircle{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.2;transform:translate(-50%,-50%)scale(1.1)}}@media (max-width:768px){.circle.c1{width:120px;height:120px}.circle.c2{width:160px;height:160px}.circle.c3{width:200px;height:200px}}@media (max-width:480px){.circle.c1{width:100px;height:100px}.circle.c2{width:130px;height:130px}.circle.c3{width:160px;height:160px}}.research-animation{position:absolute;inset:0}.scan-line{background:linear-gradient(90deg,#0000,#ff1b8d,#0000);width:100%;height:3px;animation:scan 2s linear infinite;position:absolute}@keyframes scan{0%{top:0}to{top:100%}}.data-points{position:absolute;inset:0}.data-point{font-size:3rem;animation:pulse 2s ease-in-out infinite;position:absolute}.data-point.dp1{animation-delay:0s;top:20%;left:20%}.data-point.dp2{animation-delay:.5s;top:60%;right:25%}.data-point.dp3{animation-delay:1s;bottom:20%;left:50%}.strategy-animation{inset:0}.strategy-animation,.strategy-node{justify-content:center;align-items:center;display:flex;position:absolute}.strategy-node{background:linear-gradient(135deg,#ff1b8d4d,#d946ef4d);border-radius:50%;width:70px;height:70px;font-size:2rem;animation:pulse 3s ease-in-out infinite}.strategy-node.n1{top:30%;left:30%}.strategy-node.n2{animation-delay:.5s;top:30%;right:30%}.strategy-node.n3{animation-delay:1s;bottom:30%;left:50%;transform:translate(-50%)}.strategy-connector{background:linear-gradient(90deg,#ff1b8d80,#d946ef80);height:2px;animation:drawLine 2s ease-in-out infinite;position:absolute}.strategy-connector.c1{top:35%;left:35%;right:35%}.strategy-connector.c2{width:2px;height:15%;top:50%;left:50%}@keyframes drawLine{0%,to{opacity:.3}50%{opacity:1}}.creative-animation{position:absolute;inset:0}.creative-element{font-size:3.5rem;animation:orbit 4s linear infinite;position:absolute}.creative-element.ce1{top:20%;left:20%}.creative-element.ce2{animation-delay:1.3s;top:50%;right:15%}.creative-element.ce3{animation-delay:2.6s;bottom:20%;left:50%}@keyframes orbit{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.launch-animation{position:absolute;inset:0}.rocket-trail{background:linear-gradient(#0000,#ff1b8d,#0000);width:4px;height:60%;animation:rocketTrail 2s ease-in-out infinite;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}@keyframes rocketTrail{0%{opacity:0;height:0}50%{opacity:1;height:60%}to{opacity:0;height:0}}.launch-sparks{position:absolute;inset:0}.spark{font-size:2rem;animation:sparkle 1.5s ease-in-out infinite;position:absolute}.spark.s1{animation-delay:0s;top:30%;left:40%}.spark.s2{animation-delay:.5s;top:50%;right:30%}.spark.s3{animation-delay:1s;bottom:30%;left:35%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}.analytics-animation{align-items:flex-end;gap:1rem;display:flex;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.chart-bar{background:linear-gradient(#ff1b8d,#d946ef);border-radius:4px 4px 0 0;width:40px;animation:growBar 2s ease-in-out infinite}.chart-bar.b1{height:80px;animation-delay:0s}.chart-bar.b2{height:120px;animation-delay:.3s}.chart-bar.b3{height:150px;animation-delay:.6s}@keyframes growBar{0%,to{opacity:.6;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}.trend-line{background:linear-gradient(90deg,#0000,#00ff87,#00d9ff);height:3px;animation:drawTrend 3s ease-in-out infinite;position:absolute;bottom:25%;left:10%;right:10%}@keyframes drawTrend{0%{width:0}to{width:80%}}.growth-animation{position:absolute;inset:0}.growth-arrow{border-top:4px solid #00ff87;border-right:4px solid #00ff87;border-radius:0 20px 0 0;height:60%;animation:drawArrow 2s ease-in-out infinite;position:absolute;bottom:20%;left:20%;right:20%}@keyframes drawArrow{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.growth-stats{position:absolute;inset:0}.stat-bubble{color:#fff;background:linear-gradient(135deg,#00ff87,#00d9ff);border-radius:12px;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:800;animation:popIn 2s ease-in-out infinite;position:absolute;box-shadow:0 8px 24px #00ff8766}.stat-bubble.sb1{animation-delay:.5s;top:30%;left:20%}.stat-bubble.sb2{animation-delay:1s;top:20%;right:25%}.stat-bubble.sb3{animation-delay:1.5s;bottom:25%;right:20%}@keyframes popIn{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.step-details{text-align:left;flex:1;padding:2rem}.step-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#ff1b8d,#d946ef);border-radius:8px;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;display:inline-block}.step-details h3{color:#fff;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.step-intro{color:#fffc;margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.step-points{flex-direction:column;gap:1.5rem;display:flex}.point-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.point-item:hover{background:#ff1b8d0d;border-color:#ff1b8d4d;transform:translate(5px)}.point-icon{flex-shrink:0;font-size:2.5rem}.point-item h4{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.point-item p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}.final-cta{background:linear-gradient(135deg,#00ff871a,#00d9ff1a);border:1px solid #00ff874d;border-radius:16px;margin-top:2rem;padding:2rem}.results-preview h4{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.results-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.result-stat{text-align:center;background:#ffffff0d;border-radius:12px;padding:1.5rem}.stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00ff87,#00d9ff);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:block}.stat-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;display:block}.step-navigation{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;display:flex}.nav-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff1b8d,#d946ef);border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #ff1b8d4d}.nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff1b8d80}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.step-indicator{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:600}@media (max-width:968px){.demo-overlay{padding:1.5rem}.demo-modal{max-height:95vh;padding:2rem 1.5rem}.demo-header{gap:1.25rem}.demo-icon{width:75px;height:75px}.demo-title-section h2{font-size:2.2rem}.demo-title-section p{font-size:1.05rem}.step-slide{flex-direction:column;gap:2rem;height:auto}.step-visual{width:100%;min-width:auto;height:300px}.big-icon{font-size:6rem}.step-details{width:100%;padding:1.5rem}.step-details h3{font-size:2.2rem}.step-intro{font-size:1.05rem}.point-item{padding:1.25rem}.point-icon{font-size:2rem}.step-navigation{flex-wrap:wrap}.nav-btn{min-height:48px}.results-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}}@media (max-width:768px){.demo-overlay{padding:1rem}.demo-modal{border-radius:15px;padding:1.5rem 1rem}.demo-header{gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.demo-icon{width:70px;height:70px}.demo-title-section h2{font-size:2rem}.demo-title-section p{font-size:1rem}.demo-close{width:40px;height:40px;font-size:1.4rem}.step-progress{margin-bottom:2rem}.progress-dots{gap:.5rem}.progress-dot{width:36px;height:36px;font-size:.9rem}.step-content-area{-webkit-overflow-scrolling:touch;height:auto;min-height:400px;padding:1rem 0;overflow-y:auto}.step-slide{flex-direction:column;gap:1.5rem}.step-visual{width:100%;min-width:auto;height:250px}.big-icon{font-size:5rem}.step-details{padding:1rem}.step-details h3{font-size:1.8rem}.step-badge{padding:.4rem 1rem;font-size:.8rem}.step-intro{margin-bottom:1.5rem;font-size:1rem}.step-points{gap:1rem}.point-item{gap:1rem;padding:1rem}.point-icon{font-size:1.8rem}.point-item h4{font-size:1.1rem}.point-item p{font-size:.9rem}.step-navigation{margin-top:2rem;padding-top:1.5rem}.nav-btn{min-height:48px;padding:.9rem 1.5rem;font-size:1rem}.step-indicator{font-size:.95rem}}@media (max-width:640px){.demo-overlay{padding:.75rem}.demo-modal{border-radius:16px;max-height:98vh;padding:1.25rem .75rem}.demo-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.demo-icon{border-radius:14px;width:65px;height:65px}.demo-title-section h2{margin-bottom:.4rem;font-size:1.7rem}.demo-title-section p{font-size:.95rem}.demo-close{width:42px;height:42px;font-size:1.5rem;top:1.25rem;right:1.25rem}.step-progress{margin-bottom:1.5rem}.progress-bar-track{height:3px;margin-bottom:1rem}.progress-dots{flex-wrap:wrap;justify-content:center;gap:.35rem}.progress-dot{width:32px;height:32px;font-size:.85rem}.progress-dot.current{transform:scale(1.1)}.step-content-area{-webkit-overflow-scrolling:touch;min-height:350px;padding:.75rem 0;overflow-y:auto}.step-slide{flex-direction:column;gap:1.25rem;padding:0 .5rem}.step-visual{border-radius:15px;width:100%;min-width:auto;height:200px}.big-icon{font-size:4rem}.step-details{width:100%;padding:.75rem}.step-details h3{margin-bottom:.75rem;font-size:1.5rem;line-height:1.3}.step-badge{margin-bottom:.75rem;padding:.35rem .85rem;font-size:.75rem}.step-intro{margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.step-points{gap:.75rem}.point-item{border-radius:10px;gap:.85rem;padding:.85rem}.point-icon{font-size:1.6rem}.point-item h4{margin-bottom:.35rem;font-size:1rem}.point-item p{font-size:.85rem;line-height:1.4}.step-navigation{flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.nav-btn{border-radius:10px;width:100%;min-height:46px;padding:.85rem 1.25rem;font-size:.95rem}.step-indicator{order:-1;font-size:.9rem}.final-cta{border-radius:14px;margin-top:1.5rem;padding:1.25rem}.results-preview h4{margin-bottom:1rem;font-size:1.2rem}.results-grid{grid-template-columns:1fr;gap:.85rem}.result-stat{border-radius:10px;padding:1rem}.stat-value{font-size:1.8rem}.stat-label{font-size:.85rem}}@media (max-width:480px){.demo-overlay{align-items:flex-start;padding:.5rem}.demo-modal{border-radius:12px;max-height:100vh;margin:0;padding:1rem .5rem}.demo-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}.demo-icon{border-radius:12px;width:60px;height:60px}.demo-icon img,.demo-icon svg{font-size:2rem}.demo-title-section{width:100%}.demo-title-section h2{margin-bottom:.35rem;font-size:1.5rem;line-height:1.2}.demo-title-section p{font-size:.9rem;line-height:1.4}.demo-close{z-index:10001;width:44px;height:44px;font-size:1.5rem;top:1rem;right:1rem}.step-progress{margin-bottom:1.25rem}.progress-bar-track{height:3px;margin-bottom:.85rem}.progress-dots{flex-wrap:wrap;justify-content:center;gap:.25rem}.progress-dot{border-width:1.5px;width:28px;height:28px;font-size:.75rem}.progress-dot.current{transform:scale(1.15)}.step-content-area{height:auto;min-height:300px;padding:.5rem 0;overflow-y:visible}.step-slide{flex-direction:column;gap:1rem;height:auto;padding:0 .25rem}.step-visual{border-radius:12px;width:100%;min-width:auto;height:180px}.big-icon{font-size:3.5rem}.visual-circles .circle{border-width:1px}.step-details{width:100%;padding:.5rem}.step-details h3{margin-bottom:.5rem;font-size:1.3rem;line-height:1.3}.step-badge{border-radius:6px;margin-bottom:.5rem;padding:.3rem .75rem;font-size:.7rem}.step-intro{margin-bottom:1rem;font-size:.9rem;line-height:1.5}.step-points{gap:.65rem}.point-item{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem}.point-item:hover{transform:none}.point-icon{font-size:1.5rem}.point-item h4{margin-bottom:.25rem;font-size:.95rem}.point-item p{font-size:.8rem;line-height:1.4}.step-navigation{flex-direction:column;gap:.65rem;margin-top:1.25rem;padding-top:1rem}.nav-btn{border-radius:10px;width:100%;min-height:44px;padding:.75rem 1rem;font-size:.9rem}.step-indicator{text-align:center;order:-1;font-size:.85rem}.final-cta{border-radius:12px;margin-top:1.25rem;padding:1rem}.results-preview h4{margin-bottom:.75rem;font-size:1.1rem}.results-grid{grid-template-columns:1fr;gap:.75rem}.result-stat{border-radius:8px;padding:.85rem}.stat-value{margin-bottom:.35rem;font-size:1.5rem}.stat-label{font-size:.75rem}}.media-modal .demo-icon{background:linear-gradient(135deg,#ff8c00,#ff6b00)!important}.media-progress{background:linear-gradient(90deg,#ff8c00,#ff6b00)!important}.media-dot.active{background:#ff8c0033!important;border-color:#ff8c0099!important}.media-dot.current{border-color:#ff8c00!important;box-shadow:0 0 20px #ff8c0099!important}.media-badge,.media-dot.current,.media-nav{background:linear-gradient(135deg,#ff8c00,#ff6b00)!important}.media-nav{box-shadow:0 4px 16px #ff8c004d!important}.media-nav:hover:not(:disabled){box-shadow:0 8px 24px #ff8c0080!important}.planning-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.planning-item{font-size:3.5rem;animation:planning-float 3s ease-in-out infinite;position:absolute}.planning-item.pi1{animation-delay:0s;top:25%;left:25%}.planning-item.pi2{animation-delay:1s;top:25%;right:25%}.planning-item.pi3{animation-delay:2s;bottom:25%;left:50%;transform:translate(-50%)}@keyframes planning-float{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-15px)scale(1.1)}}.camera-animation,.camera-flash{position:absolute;inset:0}.camera-flash{opacity:0;background:radial-gradient(circle,#fffc,#0000);animation:flash 3s ease-in-out infinite}@keyframes flash{0%,90%,to{opacity:0}95%{opacity:1}}.camera-lens{border:4px solid #ff8c0066;border-radius:50%;width:120px;height:120px;animation:lens-focus 2s ease-in-out infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-lens:before{content:"";border:3px solid #ff8c004d;border-radius:50%;position:absolute;inset:10px}.camera-lens:after{content:"";border:2px solid #ff8c0033;border-radius:50%;position:absolute;inset:20px}@keyframes lens-focus{0%,to{border-color:#ff8c0066;transform:translate(-50%,-50%)scale(1)}50%{border-color:#ff8c00cc;transform:translate(-50%,-50%)scale(1.1)}}.editing-animation{width:80%;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.timeline-visual{align-items:flex-end;gap:10px;height:80px;display:flex}.timeline-clip{background:linear-gradient(#ff8c00,#ff6b00);border-radius:4px;flex:1;animation:clip-slide 3s ease-in-out infinite}.timeline-clip.tc1{height:60%;animation-delay:0s}.timeline-clip.tc2{height:100%;animation-delay:.5s}.timeline-clip.tc3{height:75%;animation-delay:1s}@keyframes clip-slide{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.review-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.review-screen{background:#ff8c001a;border:3px solid #ff8c0066;border-radius:12px;width:60%;height:50%;animation:screen-pulse 2s ease-in-out infinite}@keyframes screen-pulse{0%,to{border-color:#ff8c0066;box-shadow:0 0 20px #ff8c0033}50%{border-color:#ff8c00cc;box-shadow:0 0 40px #ff8c0066}}.review-icons{position:absolute;inset:0}.review-icon{font-size:3rem;animation:icon-bounce 2s ease-in-out infinite;position:absolute}.review-icon.ri1{animation-delay:0s;bottom:20%;left:25%}.review-icon.ri2{animation-delay:.5s;bottom:20%;right:25%}@keyframes icon-bounce{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.delivery-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.delivery-box{background:linear-gradient(135deg,#ff8c00,#ff6b00);border-radius:12px;width:100px;height:100px;animation:box-pulse 2s ease-in-out infinite;box-shadow:0 10px 30px #ff8c0066}@keyframes box-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.delivery-paths{position:absolute;inset:0}.delivery-path{font-size:3rem;animation:path-fly 3s ease-in-out infinite;position:absolute}.delivery-path.dp1{animation-delay:0s;top:20%;left:50%;transform:translate(-50%)}.delivery-path.dp2{animation-delay:1s;top:50%;right:15%}.delivery-path.dp3{animation-delay:2s;bottom:20%;left:50%;transform:translate(-50%)}@keyframes path-fly{0%{opacity:0;transform:translate(-50%,50px)scale(.5)}50%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50px)scale(.5)}}.social-modal .demo-icon{background:linear-gradient(135deg,#ff6b9d,#ff1b8d)!important}.social-progress{background:linear-gradient(90deg,#ff6b9d,#ff1b8d)!important}.social-dot.active{background:#ff6b9d33!important;border-color:#ff6b9d99!important}.social-dot.current{border-color:#ff6b9d!important;box-shadow:0 0 20px #ff6b9d99!important}.social-badge,.social-dot.current,.social-nav{background:linear-gradient(135deg,#ff6b9d,#ff1b8d)!important}.social-nav{box-shadow:0 4px 16px #ff6b9d4d!important}.social-nav:hover:not(:disabled){box-shadow:0 8px 24px #ff6b9d80!important}.content-calendar-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.calendar-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:40px;display:grid}.cal-item{background:linear-gradient(135deg,#ff6b9d4d,#ff1b8d4d);border:2px solid #ff6b9d80;border-radius:12px;width:80px;height:80px;animation:cal-pulse 2s ease-in-out infinite}.cal-item.ci1{animation-delay:0s}.cal-item.ci2{animation-delay:.3s}.cal-item.ci3{animation-delay:.6s}.cal-item.ci4{animation-delay:.9s}@keyframes cal-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.content-creation-animation{position:absolute;inset:0}.content-piece{font-size:4rem;animation:content-float 3s ease-in-out infinite;position:absolute}.content-piece.cp1{animation-delay:0s;top:25%;left:25%}.content-piece.cp2{animation-delay:1s;top:50%;right:20%}.content-piece.cp3{animation-delay:2s;bottom:25%;left:50%;transform:translate(-50%)}@keyframes content-float{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-20px)rotate(5deg)}}.posting-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.post-burst{width:100px;height:100px;position:relative}.burst-item{font-size:3rem;animation:burst-out 2s ease-in-out infinite;position:absolute}.burst-item.bi1{animation-delay:0s;top:-40px;left:50%;transform:translate(-50%)}.burst-item.bi2{animation-delay:.3s;top:50%;right:-40px;transform:translateY(-50%)}.burst-item.bi3{animation-delay:.6s;bottom:-40px;left:50%;transform:translate(-50%)}@keyframes burst-out{0%{opacity:0;transform:translate(-50%)scale(.5)}50%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(.5)}}.engagement-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.engagement-circle{border:3px solid #ff6b9d66;border-radius:50%;width:150px;height:150px;animation:circle-pulse 2s ease-in-out infinite;position:relative}@keyframes circle-pulse{0%,to{border-color:#ff6b9d66;transform:scale(1)}50%{border-color:#ff6b9dcc;transform:scale(1.1)}}.engagement-icon{font-size:2.5rem;animation:orbit-icon 4s linear infinite;position:absolute}.engagement-icon.ei1{animation-delay:0s;top:-20px;left:50%;transform:translate(-50%)}.engagement-icon.ei2{animation-delay:1.3s;top:50%;right:-20px;transform:translateY(-50%)}.engagement-icon.ei3{animation-delay:2.6s;bottom:-20px;left:50%;transform:translate(-50%)}@keyframes orbit-icon{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.imadzone-modal{flex-direction:column;justify-content:flex-start;align-items:center;padding:3rem;display:flex;overflow-y:auto;background:linear-gradient(135deg,#ffd700f2,#ff8c00f2)!important}.imadzone-icon{color:#fff;filter:drop-shadow(0 0 20px #ffd70099);width:80px;height:80px}.imadzone-progress{background:#fff3;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.imadzone-progress:before{content:"";background:linear-gradient(90deg,gold,orange);border-radius:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.imadzone-dot{cursor:pointer;background:#fff6;border-radius:50%;width:12px;height:12px;transition:all .3s}.imadzone-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 15px #ffd700cc}.imadzone-badge{color:#fff;background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:2px solid #ffd70066;border-radius:12px;padding:.75rem 1.5rem;font-weight:600}.imadzone-nav{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:12px;padding:.75rem 2rem;font-weight:600;transition:all .3s}.imadzone-nav:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.imadzone-nav:disabled{opacity:.5;cursor:not-allowed}.podcast-animation{justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.sound-wave{background:linear-gradient(gold,orange);border-radius:4px;width:8px;animation:wave-pulse 1s ease-in-out infinite}.sound-wave.sw1{height:60px;animation-delay:0s}.sound-wave.sw2{height:100px;animation-delay:.1s}.sound-wave.sw3{height:140px;animation-delay:.2s}.sound-wave.sw4{height:100px;animation-delay:.3s}.sound-wave.sw5{height:60px;animation-delay:.4s}@keyframes wave-pulse{0%,to{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.live-event-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage{background:radial-gradient(circle,#ffd7004d,#0000);border-radius:50%;width:200px;height:200px;animation:stage-glow 3s ease-in-out infinite;position:relative}@keyframes stage-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.spotlight{background:radial-gradient(circle,#fffc,#ffd7004d);border-radius:50%;width:80px;height:80px;animation:spotlight-move 4s ease-in-out infinite;position:absolute}.spotlight.sl1{animation-delay:0s;top:20%;left:20%}.spotlight.sl2{animation-delay:1.3s;top:20%;right:20%}.spotlight.sl3{animation-delay:2.6s;bottom:20%;left:50%;transform:translate(-50%)}@keyframes spotlight-move{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.webinar-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen-grid{grid-template-rows:repeat(2,80px);grid-template-columns:repeat(3,80px);gap:1rem;display:grid}.participant{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:2px solid #ffd70080;border-radius:12px;width:80px;height:80px;animation:participant-pulse 2s ease-in-out infinite}.participant.p1{animation-delay:0s}.participant.p2{animation-delay:.3s}.participant.p3{animation-delay:.6s}.participant.p4{animation-delay:.9s}.participant.p5{animation-delay:1.2s}.participant.p6{animation-delay:1.5s}@keyframes participant-pulse{0%,to{opacity:.6;border-color:#ffd70080;transform:scale(1)}50%{opacity:1;border-color:#ffd700e6;transform:scale(1.05)}}.workshop-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.workshop-scene{width:300px;height:200px;position:relative}.presenter{background:linear-gradient(135deg,#ffd70066,#ff8c0066);border:3px solid #ffd70099;border-radius:12px;width:80px;height:80px;animation:presenter-highlight 2s ease-in-out infinite;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes presenter-highlight{0%,to{transform:translate(-50%)scale(1);box-shadow:0 0 20px #ffd70066}50%{transform:translate(-50%)scale(1.1);box-shadow:0 0 40px #ffd700cc}}.audience{background:#ffd7004d;border:2px solid #ffd70066;border-radius:8px;width:40px;height:40px;animation:audience-nod 1.5s ease-in-out infinite;position:absolute;bottom:20%}.audience.a1{animation-delay:0s;left:15%}.audience.a2{animation-delay:.3s;left:35%}.audience.a3{animation-delay:.6s;right:35%}.audience.a4{animation-delay:.9s;right:15%}@keyframes audience-nod{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.production-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.production-elements{border:3px dashed #ffd70066;border-radius:50%;width:200px;height:200px;animation:prod-rotate 8s linear infinite;position:relative}@keyframes prod-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.prod-item{font-size:3rem;animation:prod-float 3s ease-in-out infinite;position:absolute}.prod-item.pi1{animation-delay:0s;top:-20px;left:50%;transform:translate(-50%)}.prod-item.pi2{animation-delay:.6s;top:50%;right:-20px;transform:translateY(-50%)}.prod-item.pi3{animation-delay:1.2s;bottom:-20px;left:50%;transform:translate(-50%)}.prod-item.pi4{animation-delay:1.8s;top:50%;left:-20px;transform:translateY(-50%)}@keyframes prod-float{0%,to{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-10px)scale(1.2)}}.reslan-modal{background:linear-gradient(135deg,#06b6d4f2,#0891b2f2)!important}.reslan-icon{color:#fff;filter:drop-shadow(0 0 20px #06b6d499);width:80px;height:80px}.reslan-progress:before{background:linear-gradient(90deg,#06b6d4,#0891b2)!important}.reslan-dot{cursor:pointer;background:#fff6;border-radius:50%;width:12px;height:12px;transition:all .3s}.reslan-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 15px #06b6d4cc}.reslan-badge{background:linear-gradient(135deg,#06b6d433,#0891b233);border:2px solid #06b6d466;border-radius:12px;padding:.75rem 1.5rem}.reslan-badge,.reslan-nav{color:#fff;font-weight:600}.reslan-nav{cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:12px;padding:.75rem 2rem;transition:all .3s}.reslan-nav:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.reslan-nav:disabled{opacity:.5;cursor:not-allowed}.signup-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.signup-form{flex-direction:column;gap:1rem;width:250px;display:flex}.form-field{background:linear-gradient(135deg,#06b6d44d,#0891b24d);border:2px solid #06b6d480;border-radius:8px;height:40px;animation:field-pulse 2s ease-in-out infinite}.form-field.ff1{animation-delay:0s}.form-field.ff2{animation-delay:.3s}.form-field.ff3{animation-delay:.6s}@keyframes field-pulse{0%,to{opacity:.6;border-color:#06b6d480;transform:scale(1)}50%{opacity:1;border-color:#06b6d4e6;transform:scale(1.02)}}.products-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-grid{grid-template-rows:repeat(2,100px);grid-template-columns:repeat(2,100px);gap:1rem}.product-card{background:linear-gradient(135deg,#06b6d44d,#0891b24d);border:2px solid #06b6d480;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;font-size:3rem;animation:product-float 2s ease-in-out infinite;display:flex}.product-card.pc1{animation-delay:0s}.product-card.pc2{animation-delay:.3s}.product-card.pc3{animation-delay:.6s}.product-card.pc4{animation-delay:.9s}@keyframes product-float{0%,to{opacity:.7;border-color:#06b6d480;transform:translateY(0)scale(1)}50%{opacity:1;border-color:#06b6d4e6;transform:translateY(-10px)scale(1.05)}}.network-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.network-hub{width:250px;height:250px;position:relative}.hub-center{background:linear-gradient(135deg,#06b6d466,#0891b266);border:3px solid #06b6d499;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;animation:hub-pulse 2s ease-in-out infinite;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hub-pulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #06b6d466}50%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 40px #06b6d4cc}}.network-node{background:#06b6d44d;border:2px solid #06b6d480;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;animation:node-orbit 3s ease-in-out infinite;display:flex;position:absolute}.network-node.nn1{animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.network-node.nn2{animation-delay:.75s;top:50%;right:0;transform:translateY(-50%)}.network-node.nn3{animation-delay:1.5s;bottom:0;left:50%;transform:translate(-50%)}.network-node.nn4{animation-delay:2.25s;top:50%;left:0;transform:translateY(-50%)}@keyframes node-orbit{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.ecosystem-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ecosystem-circle{border:3px dashed #06b6d466;border-radius:50%;width:200px;height:200px;animation:eco-rotate 8s linear infinite;position:relative}@keyframes eco-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.eco-segment{font-size:3rem;animation:eco-float 3s ease-in-out infinite;position:absolute}.eco-segment.es1{animation-delay:0s;top:-20px;left:50%;transform:translate(-50%)}.eco-segment.es2{animation-delay:1s;top:50%;right:-20px;transform:translateY(-50%)}.eco-segment.es3{animation-delay:2s;bottom:-20px;left:50%;transform:translate(-50%)}@keyframes eco-float{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.sales-modal{background:linear-gradient(135deg,#00ff87f2,#00c864f2)!important}.sales-icon{color:#fff;filter:drop-shadow(0 0 20px #00ff8799);width:80px;height:80px}.sales-progress:before{background:linear-gradient(90deg,#00ff87,#00c864)!important}.sales-dot{cursor:pointer;background:#fff6;border-radius:50%;width:12px;height:12px;transition:all .3s}.sales-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 15px #00ff87cc}.sales-badge{background:linear-gradient(135deg,#00ff8733,#00c86433);border:2px solid #00ff8766;border-radius:12px;padding:.75rem 1.5rem}.sales-badge,.sales-nav{color:#fff;font-weight:600}.sales-nav{cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:12px;padding:.75rem 2rem;transition:all .3s}.sales-nav:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.sales-nav:disabled{opacity:.5;cursor:not-allowed}.crm-dashboard-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dashboard-grid{grid-template-rows:repeat(2,100px);grid-template-columns:repeat(2,100px);gap:1rem;display:grid}.dash-card{background:linear-gradient(135deg,#00ff874d,#00c8644d);border:2px solid #00ff8780;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;font-size:3rem;animation:dash-pulse 2s ease-in-out infinite;display:flex}.dash-card.dc1{animation-delay:0s}.dash-card.dc2{animation-delay:.3s}.dash-card.dc3{animation-delay:.6s}.dash-card.dc4{animation-delay:.9s}@keyframes dash-pulse{0%,to{opacity:.7;border-color:#00ff8780;transform:scale(1)}50%{opacity:1;border-color:#00ff87e6;transform:scale(1.05)}}.training-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.training-scene{width:300px;height:200px;position:relative}.trainer{background:linear-gradient(135deg,#00ff8766,#00c86466);border:3px solid #00ff8799;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;animation:trainer-emphasis 2s ease-in-out infinite;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes trainer-emphasis{0%,to{transform:translate(-50%)scale(1);box-shadow:0 0 20px #00ff8766}50%{transform:translate(-50%)scale(1.1);box-shadow:0 0 40px #00ff87cc}}.trainee{background:#00ff874d;border:2px solid #00ff8766;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;animation:trainee-attention 1.5s ease-in-out infinite;display:flex;position:absolute;bottom:15%}.trainee.t1{animation-delay:0s;left:15%}.trainee.t2{animation-delay:.3s;left:50%;transform:translate(-50%)}.trainee.t3{animation-delay:.6s;right:15%}@keyframes trainee-attention{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.courses-animation{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.course-stack{width:150px;height:200px;position:relative}.course-item{background:linear-gradient(135deg,#00ff874d,#00c8644d);border:2px solid #00ff8780;border-radius:8px;justify-content:center;align-items:center;width:120px;height:50px;font-size:2rem;animation:course-stack-anim 2s ease-in-out infinite;display:flex;position:absolute}.course-item.ci1{animation-delay:0s;top:0;left:15px}.course-item.ci2{animation-delay:.3s;top:70px;left:0}.course-item.ci3{animation-delay:.6s;top:140px;left:15px}@keyframes course-stack-anim{0%,to{opacity:.7;border-color:#00ff8780;transform:translate(0)scale(1)}50%{opacity:1;border-color:#00ff87e6;transform:translate(5px)scale(1.05)}}@media (max-width:768px){.crm-split-view{grid-template-columns:1fr;gap:20px}.customer-list-section{max-height:400px;overflow-y:auto}.customer-detail-section{min-height:300px}.customer-detail-info{flex-direction:column;align-items:flex-start}.contact-avatar{width:40px;height:40px;margin-right:12px;font-size:.9rem}.contact-avatar-large{width:60px;height:60px;font-size:1.5rem}.contact-name{font-size:.95rem}.contact-email{font-size:.8rem}.customer-detail-name{font-size:1.5rem}.customer-detail-email{font-size:.95rem}.contact-status{padding:6px 14px;font-size:.8rem}.action-buttons{flex-direction:column;width:100%}.action-buttons button{justify-content:center;width:100%}.inventory-split-view{grid-template-columns:1fr;gap:20px}.inventory-list-section{max-height:none}.inventory-activity-section{max-height:300px}.inventory-table-headers{display:none}.inventory-row{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:16px}.inventory-row>div{justify-content:space-between;align-items:center;display:flex}.inventory-row>div:before{content:attr(data-label);color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.inv-col-name{flex-direction:column;align-items:flex-start;gap:8px}.inventory-actions{flex-direction:column;gap:12px}.search-bar{width:100%}.alert-banner{padding:12px 16px;font-size:.9rem}.resupply-btn{justify-content:center;width:100%;padding:10px 16px}.orders-view{padding:0}.orders-grid{grid-template-columns:1fr;gap:16px}.order-card{padding:16px}.order-header{flex-direction:column;align-items:flex-start;gap:12px}.order-number{font-size:1.1rem}.order-details,.order-details-grid{grid-template-columns:1fr;gap:12px}.order-info{padding:12px}.order-tracking{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-status-bar{min-width:400px}.accounting-view{overflow-x:hidden}.accounting-metrics,.manufacturing-order-info{grid-template-columns:1fr;gap:12px}.manufacturing-badge{padding:6px 12px;font-size:.8rem}.projects-overview{padding:0}.projects-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:16px}.project-card-header{flex-direction:column;align-items:flex-start;gap:12px}.project-meta{flex-direction:column;gap:8px}.project-progress-section{margin-top:12px}.projects-board{-webkit-overflow-scrolling:touch;overflow-x:auto}.project-meta-grid{grid-template-columns:1fr;gap:12px}.rental-categories-grid{grid-template-columns:1fr;gap:16px}.rental-category-card{padding:16px}.rental-items-list{grid-template-columns:1fr;gap:16px}.rental-item-card{padding:16px}.rental-item-header{flex-direction:column;align-items:flex-start;gap:12px}.rental-item-details{grid-template-columns:1fr;gap:12px}.appointments-list{grid-template-columns:1fr;gap:16px}.appointment-card{padding:16px}.appointment-status-badge{padding:6px 12px;font-size:.8rem}.pos-register-layout{grid-template-columns:1fr;gap:20px;min-height:auto}.pos-categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.pos-category-btn{white-space:nowrap;padding:8px 16px;font-size:.85rem}.pos-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pos-product-card{padding:12px}.product-image{font-size:2rem}.product-info h4{font-size:.85rem}.product-price{font-size:.95rem}.pos-cart-panel{max-height:none;padding:20px}.cart-items{max-height:300px}.cart-item{padding:10px}.cart-item-image{width:40px;font-size:1.5rem}.pos-products-management{overflow-x:auto}.gym-overview,.pos-hardware-view,.pos-reports-view{overflow-x:hidden}.gym-memberships-grid{grid-template-columns:1fr;gap:16px}.gym-membership-card{padding:16px}.gym-activity-grid{grid-template-columns:1fr;gap:16px}.gym-stat-card{padding:16px}.gym-members-grid{grid-template-columns:1fr;gap:16px}.gym-member-card{padding:16px}.gym-trainers-grid{grid-template-columns:1fr;gap:16px}.gym-trainer-card{padding:16px}.gym-classes-grid{grid-template-columns:1fr;gap:16px}.gym-class-card{padding:16px}.gym-sessions-grid{grid-template-columns:1fr;gap:16px}.gym-session-card{padding:16px}.users-grid{grid-template-columns:1fr;gap:16px}.user-card{padding:16px}.user-card-header{flex-direction:column;align-items:flex-start;gap:12px}.user-avatar-large{width:60px;height:60px;font-size:1.5rem}.user-card-details{grid-template-columns:1fr;gap:12px}.user-card-actions{flex-direction:column;gap:8px}.user-action-btn{justify-content:center;width:100%}.sales-pipeline-view{-webkit-overflow-scrolling:touch;overflow-x:auto}.sales-analytics-view,.sales-deals-view,.sales-leads-view,.sales-reminders-view{overflow-x:hidden}.demo-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.demo-table-header{padding:16px;font-size:1rem}.demo-table-row{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.demo-table-row:hover{transform:none}.modal-content{border-radius:16px;width:95vw;max-width:95vw;max-height:90vh;padding:20px;overflow-y:auto}.modal-title{font-size:1.5rem}.modal-close{width:36px;height:36px;font-size:20px;top:12px;right:12px}.stat-value{font-size:2rem}.stat-label{font-size:.9rem}.btn,.demo-nav-item,.sidebar-btn,button{min-width:44px;min-height:44px}.demo-body::-webkit-scrollbar,.inventory-list-section::-webkit-scrollbar{width:4px}.cart-items::-webkit-scrollbar{width:4px}.demo-body::-webkit-scrollbar-thumb,.inventory-list-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.cart-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}}@media (max-width:480px){.customer-detail-name{font-size:1.2rem}.customer-detail-email{font-size:.85rem}.contact-avatar{width:36px;height:36px;margin-right:10px;font-size:.8rem}.contact-avatar-large{width:50px;height:50px;font-size:1.2rem}.contact-name{font-size:.85rem}.contact-email{font-size:.75rem}.inventory-row{gap:10px;padding:12px}.stock-amount{font-size:1rem}.stock-badge{padding:4px 10px;font-size:.75rem}.resupply-btn{padding:8px 12px;font-size:.8rem}.order-card{padding:12px}.order-number{font-size:.95rem}.order-info{padding:10px}.pos-products-grid{grid-template-columns:1fr}.pos-product-card{padding:10px}.product-image{font-size:1.8rem}.product-info h4{font-size:.8rem}.product-price{font-size:.9rem}.pos-cart-panel{padding:16px}.cart-item{gap:8px;padding:8px}.cart-item-image{width:35px;font-size:1.2rem}.cart-item-details h5{font-size:.85rem}.pos-category-btn{padding:6px 12px;font-size:.8rem}.project-card{padding:12px}.project-card h4{font-size:.95rem}.project-status-badge{padding:4px 10px;font-size:.75rem}.rental-category-card,.rental-item-card{padding:12px}.rental-status-badge{padding:4px 10px;font-size:.75rem}.appointment-card{padding:12px}.appointment-status-badge{padding:4px 10px;font-size:.75rem}.gym-class-card,.gym-member-card,.gym-membership-card,.gym-session-card,.gym-stat-card,.gym-trainer-card,.user-card{padding:12px}.user-avatar-large{width:50px;height:50px;font-size:1.2rem}.user-card-info h4{font-size:.95rem}.user-email{font-size:.8rem}.user-action-btn{padding:8px 12px;font-size:.8rem}.modal-content{border:none;border-radius:0;width:100vw;max-width:100vw;max-height:100vh;padding:16px}.modal-title{font-size:1.2rem}.modal-close{width:32px;height:32px;font-size:18px;top:10px;right:10px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.demo-stat-card{padding:16px}.btn,button{padding:10px 16px;font-size:.85rem}.demo-table-header.desktop-only,.inventory-table-headers{display:none!important}}@media (max-width:768px) and (orientation:landscape){.demo-content{height:auto;min-height:100vh}.demo-body{max-height:none}.pos-cart-panel{max-height:400px}.cart-items,.inventory-activity-section{max-height:200px}}@media (max-width:768px){.table-scroll-wrapper{-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px;overflow-x:auto}.table-scroll-wrapper::-webkit-scrollbar{height:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}[role=button],[tabindex="0"],a,button,input,select,textarea{min-height:44px;padding:12px}.demo-close,.demo-nav-btn,.modal-close,button.icon-only{min-height:40px;padding:8px}}@media (max-width:480px){body{font-size:14px}div,li,p,span{font-size:inherit;line-height:1.5}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}}@media (max-width:768px){*{-webkit-overflow-scrolling:touch}body,html{overflow-x:hidden}.demo-overlay,.modal-overlay{overflow:hidden auto}}.industry-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:32px;min-width:0;max-height:calc(85vh - 180px);padding:0 24px 24px;display:flex;overflow:hidden auto}.industry-content::-webkit-scrollbar{width:12px}.industry-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:10px 0}.industry-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#b24bf3,#ff6b9d);border:2px solid #0003;border-radius:10px;-webkit-transition:all .3s;transition:all .3s}.industry-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9333ea,#ec4899);border:2px solid #0000004d}.industry-content{scrollbar-width:thin;scrollbar-color:#b24bf3 #ffffff0d}.industry-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s}.industry-section:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.industry-section h3{color:#fff;align-items:center;gap:12px;margin:0 0 12px;font-size:1.4rem;font-weight:700;display:flex}.industry-section p{color:#ffffffb3;margin:0 0 20px;font-size:1rem;line-height:1.6}.industry-section .feature-list{margin-top:16px}.industry-visual{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;height:70vh;max-height:70vh;padding:0 24px 24px;display:flex;overflow:hidden scroll}.industry-visual::-webkit-scrollbar{width:12px}.industry-visual::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:10px 0}.industry-visual::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d9ff,#b24bf3);border:2px solid #0003;border-radius:10px;-webkit-transition:all .3s;transition:all .3s}.industry-visual::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8d9,#9333ea);border:2px solid #0000004d}.industry-visual{scrollbar-width:thin;scrollbar-color:#00d9ff #ffffff0d}.visual-mockup{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.mockup-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mockup-title{color:#fff;font-size:1.25rem;font-weight:600}.mockup-status{color:#00ff87;background:#00ff871a;border:1px solid #00ff874d;border-radius:12px;padding:4px 12px;font-size:.85rem}.mockup-content{flex-direction:column;gap:20px;max-height:60vh;padding:24px 24px 50px;display:flex;overflow:hidden scroll}.menu-item-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:20px;padding:20px;display:flex}.menu-item-image{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.menu-item-details{flex-direction:column;flex:1;gap:8px;display:flex}.menu-item-details h4{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.menu-item-details p{color:#ffffffb3;margin:0;font-size:.9rem}.menu-item-price{color:#00ff87;margin:4px 0;font-size:1.3rem;font-weight:700}.menu-item-options{flex-wrap:wrap;gap:8px;display:flex}.option-chip{color:#ffffffe6;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:4px 10px;font-size:.8rem}.add-to-cart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#b24bf3);border:none;border-radius:8px;margin-top:8px;padding:10px 20px;font-weight:600;transition:all .3s}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b24bf366}.reservation-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.reservation-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.reservation-details{flex-direction:column;gap:12px;display:flex}.reservation-row{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.reservation-row span{color:#ffffffb3}.reservation-row strong{color:#fff;font-weight:600}.loyalty-card{text-align:center;background:linear-gradient(135deg,#b24bf333,#00d9ff33);border:1px solid #b24bf34d;border-radius:12px;padding:20px}.loyalty-header{color:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;font-weight:600;display:flex}.loyalty-icon{font-size:1.5rem}.loyalty-points{margin:16px 0}.points-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d9ff,#b24bf3);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.points-label{margin-top:4px;font-size:.9rem}.loyalty-progress{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin:16px 0;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#00d9ff,#b24bf3);border-radius:4px;height:100%;transition:width .3s}.loyalty-text{color:#fffc;margin:8px 0 0;font-size:.9rem}.analytics-mini{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.analytics-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.stat-icon{flex-shrink:0;font-size:2rem}.stat-info{flex:1}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:#fff9;margin-top:4px;font-size:.85rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.product-card-mini{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.product-card-mini:hover{border-color:#b24bf380;transform:translateY(-2px)}.product-image{color:#fff;justify-content:center;align-items:center;width:100%;height:120px;display:flex}.product-info{padding:12px}.product-info h5{color:#fff;margin:0 0 6px;font-size:.95rem;font-weight:600}.product-rating{color:#fff9;margin-bottom:8px;font-size:.75rem}.product-price-row{justify-content:space-between;align-items:center;display:flex}.product-price-row .price{color:#00ff87;font-size:1.1rem;font-weight:700}.stock-badge{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766;border-radius:6px;padding:3px 8px;font-size:.7rem}.stock-badge.low{color:#ff9800;background:#ff980033;border-color:#ff980066}.cart-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.cart-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding-bottom:10px;font-size:1rem;font-weight:600}.cart-header,.cart-items{margin-bottom:12px;display:flex}.cart-items{flex-direction:column;gap:8px}.cart-item-row{color:#fffc;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.cart-item-row strong{color:#fff;font-weight:600}.cart-total{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:12px;font-size:1.1rem;display:flex}.cart-total strong{color:#00ff87;font-size:1.3rem;font-weight:700}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b24bf3,#ff6b9d);border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b24bf366}.customer-portal-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.portal-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:10px;font-size:1rem;font-weight:600;display:flex}.portal-stat{background:#ffffff08;padding:12px}.portal-stat-value{color:#b24bf3;font-size:1.5rem;font-weight:700;line-height:1}.portal-stat-label{color:#fff9;margin-top:4px;font-size:.75rem}.patient-portal-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:20px}.portal-user-info h4{color:#fff;margin:0 0 4px;font-size:1.1rem;font-weight:600}.portal-user-info p{color:#fff9;margin:0;font-size:.85rem}.portal-quick-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.portal-action{color:#00d9ff;cursor:pointer;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.portal-action:hover{background:#00d9ff33;transform:translateY(-2px)}.appointment-booking-card,.medical-records-card,.telehealth-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.booking-header,.records-header,.telehealth-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:1rem;font-weight:600;display:flex}.appointment-item{align-items:center;gap:16px;display:flex}.appointment-date{text-align:center;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:8px;min-width:60px;padding:8px 12px}.date-day{color:#00d9ff;font-size:1.5rem;font-weight:700;line-height:1}.date-month{color:#00d9ffcc;margin-top:4px;font-size:.75rem}.appointment-details h5{color:#fff;margin:0 0 4px;font-size:.95rem;font-weight:600}.appointment-details p{color:#ffffffb3;margin:0 0 6px;font-size:.85rem}.appointment-time{color:#fff9;font-size:.8rem}.record-item{border-bottom:1px solid #ffffff0d;gap:12px;padding:10px 0;display:flex}.record-item:last-child{border-bottom:none}.record-icon{flex-shrink:0;font-size:1.5rem}.record-info strong{color:#fff;margin-bottom:2px;font-size:.9rem;display:block}.record-info p{color:#ffffffb3;margin:0 0 4px;font-size:.85rem}.record-date{color:#ffffff80;font-size:.75rem}.telehealth-text{color:#ffffffb3;margin:0 0 12px;font-size:.9rem}.telehealth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#b24bf3);border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .3s}.telehealth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff66}.booking-card,.feature-card,.info-card,.status-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:16px}.card-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:1rem;font-weight:600;display:flex}.card-content{flex-direction:column;gap:10px;display:flex}.info-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:.9rem;display:flex}.info-row span{color:#ffffffb3}.action-btn,.info-row strong,.primary-btn{color:#fff;font-weight:600}.action-btn,.primary-btn{cursor:pointer;background:linear-gradient(135deg,#00d9ff,#b24bf3);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.9rem;transition:all .3s;display:flex}.action-btn:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff66}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.stat-card-value{color:#00d9ff;font-size:1.5rem;font-weight:700;line-height:1}.stat-card-label{color:#fff9;margin-top:4px;font-size:.75rem}.badge{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766}.badge-warning{color:#ff9800;background:#ff980033;border:1px solid #ff980066}.badge-info{color:#00d9ff;background:#00d9ff33;border:1px solid #00d9ff66}.progress-indicator{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00d9ff,#b24bf3);border-radius:4px;height:100%;transition:width .3s}.property-listing-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;overflow:hidden}.property-image{color:#fff;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative}.property-badge{color:#000;background:#ffd700e6;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.property-details{padding:16px}.property-details h4{color:#fff;margin:0 0 6px;font-size:1.1rem;font-weight:600}.property-location{color:#fff9;margin:0 0 12px;font-size:.85rem}.property-specs{color:#fffc;gap:12px;margin-bottom:12px;font-size:.85rem;display:flex}.property-price{color:#00ff87;margin-bottom:12px;font-size:1.5rem;font-weight:700}.course-btn,.enrollment-btn,.property-btn,.tour-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .3s}.course-btn:hover,.enrollment-btn:hover,.property-btn:hover,.tour-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.contact-form-card,.property-comparison-card,.virtual-tour-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.calendar-header,.comparison-header,.dashboard-header,.enrollment-header,.form-header,.tour-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:1rem;font-weight:600;display:flex}.tour-preview{text-align:center;background:#ffffff08;border-radius:8px;margin-bottom:12px;padding:30px}.tour-icon{margin-bottom:8px;font-size:3rem}.tour-preview p{color:#ffffffb3;margin:0}.enrollment-fields,.form-fields{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.enrollment-select,.form-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:all .3s}.enrollment-select:focus,.form-input:focus{background:#ffffff14;border-color:#00d9ff}.form-input::-moz-placeholder{color:#fff6}.form-input::placeholder{color:#fff6}.enrollment-select option{color:#fff;background:#1a1a1a}.form-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d9ff,#b24bf3);border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .3s}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff66}.comparison-items{flex-direction:column;gap:8px;display:flex}.comparison-item{color:#fffc;background:#ffffff08;border-radius:6px;align-items:center;gap:10px;padding:8px;font-size:.9rem;display:flex}.comparison-check{color:#00ff87;background:#00ff8733;border:1px solid #00ff8766;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.assignment-calendar-card,.course-card,.enrollment-form-card,.student-dashboard-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;overflow:hidden}.course-image{color:#fff;justify-content:center;align-items:center;width:100%;height:140px;display:flex}.course-info{padding:16px}.course-info h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.course-instructor{color:#fff9;margin:0 0 10px;font-size:.85rem}.course-meta{color:#ffffffb3;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.course-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:6px;overflow:hidden}.course-progress-text{color:#fff9;margin:0 0 12px;font-size:.75rem}.enrollment-form-card,.student-dashboard-card{padding:16px}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dashboard-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.assignment-calendar-card{padding:16px}.assignment-item{align-items:center;gap:16px;display:flex}.assignment-date{text-align:center;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:8px;min-width:60px;padding:8px 12px}.assignment-info{flex:1}.assignment-info strong{color:#fff;margin-bottom:4px;font-size:.9rem;display:block}.assignment-info p{color:#fff9;margin:0;font-size:.8rem}.service-offerings-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.offerings-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.offering-item{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.offering-item:hover{background:#ffffff0d;border-color:#14b8a64d;transform:translateY(-2px)}.offering-icon{color:#14b8a6;background:linear-gradient(135deg,#14b8a633,#0d948833);border:1px solid #14b8a64d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.offering-info{flex:1}.offering-info h4{font-size:1.1rem}.offering-info h4,.offering-info h5{color:#fff;margin:0 0 4px;font-weight:600}.offering-info h5{font-size:1rem}.offering-info p{color:#ffffffb3;margin:0;font-size:.9rem}.offering-info .offering-price{color:#14b8a6;margin-top:4px;font-size:.95rem;font-weight:600}.offering-price{color:#14b8a6;flex-shrink:0;font-size:1.3rem;font-weight:700}.appointment-booking-simple-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.appointment-booking-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.booking-form-simple{flex-direction:column;gap:16px;display:flex}.booking-select-simple{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:14px;font-size:1rem;transition:border-color .2s}.booking-select-simple:focus{background:#ffffff14;border-color:#14b8a6;outline:none}.booking-select-simple option{color:#fff;background:#1a1a1a}.booking-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.booking-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666}.invoice-tracker-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.invoice-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.invoice-list{flex-direction:column;gap:12px;display:flex}.invoice-item{background:#ffffff05;border:1px solid #ffffff1a;border-left:4px solid #14b8a6;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.invoice-info h4{margin:0 0 4px}.invoice-info h4,.invoice-info strong{color:#fff;font-size:1rem;font-weight:600}.invoice-info strong{margin-bottom:4px;display:block}.invoice-info span{color:#ffffffb3;font-size:.85rem;display:block}.invoice-info p{color:#ffffffb3;margin:0;font-size:.85rem}.invoice-amount{color:#14b8a6;margin-right:16px;font-size:1.2rem;font-weight:700}.invoice-status{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.invoice-status.paid{color:#16a34a;background:#dcfce7}.invoice-status.pending{color:#d97706;background:#fef3c7}.client-dashboard-simple-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.dashboard-simple-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700}.dashboard-metrics{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.metric-item{text-align:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:transform .2s}.metric-item:hover{background:#ffffff0d;border-color:#14b8a64d;transform:translateY(-4px)}.metric-value{color:#14b8a6;margin-bottom:8px;font-size:2rem;font-weight:700}.metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.donation-form-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.donation-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.donation-amounts{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.amount-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:16px;font-size:1.1rem;font-weight:600;transition:all .2s}.amount-btn:hover{background:#f43f5e1a;border-color:#f43f5e}.amount-btn.active{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#f43f5e}.donation-options{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.donation-option{cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.donation-option input[type=radio]{accent-color:#f43f5e;width:20px;height:20px}.donation-option label{color:#fffc;cursor:pointer;font-size:1rem}.donation-option span{color:#fff;cursor:pointer;font-size:1rem}.donate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:12px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.donate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f43f5e66}.volunteer-signup-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.volunteer-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.volunteer-opportunity{background:#ffffff05;border:1px solid #ffffff1a;border-left:4px solid #f43f5e;border-radius:12px;margin-bottom:16px;padding:20px}.volunteer-info h4{font-size:1.2rem}.volunteer-info h4,.volunteer-info h5{color:#fff;margin:0 0 8px;font-weight:600}.volunteer-info h5{font-size:1.1rem}.volunteer-info p{color:#ffffffb3;margin:0 0 12px;font-size:.95rem;line-height:1.6}.volunteer-details{color:#ffffffb3;gap:20px;margin-bottom:16px;font-size:.9rem;display:flex}.volunteer-details span{align-items:center;gap:6px;display:flex}.volunteer-opportunity p{color:#ffffffb3;margin:0 0 16px;font-size:.95rem;line-height:1.6}.volunteer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f43f5e,#e11d48);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.volunteer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f43f5e4d}.campaign-progress-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.campaign-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700}.campaign-header span{color:#fff;font-size:1.1rem;font-weight:600}.campaign-header h4{color:#fff;margin:12px 0 0;font-size:1.3rem;font-weight:700}.campaign-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.campaign-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.campaign-stat h4{color:#f43f5e}.campaign-stat .stat-value,.campaign-stat h4{margin:0 0 4px;font-size:1.8rem;font-weight:700}.campaign-stat .stat-value{color:#fff}.campaign-stat .stat-label,.campaign-stat p{color:#ffffffb3;margin:0;font-size:.9rem}.campaign-progress-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-top:16px;position:relative;overflow:hidden}.campaign-fill{background:linear-gradient(135deg,#f43f5e,#e11d48);border-radius:6px;height:100%;transition:width .5s}.campaign-text{color:#fff;font-size:.95rem;font-weight:600}.campaign-progress-card p.campaign-text{color:#ffffffb3;text-align:center;margin:8px 0 0;font-size:.9rem}.impact-metrics-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:24px}.impact-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.impact-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.impact-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:transform .2s}.impact-stat:hover{background:#ffffff0d;border-color:#f43f5e4d;transform:translateY(-4px)}.impact-value{color:#f43f5e;margin-bottom:8px;font-size:2.5rem;font-weight:700}.impact-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.tour-package-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;transition:transform .3s,box-shadow .3s;overflow:hidden}.tour-package-card:hover{background:#ffffff14;border-color:#0ea5e94d;transform:translateY(-4px)}.tour-package-image{background:linear-gradient(135deg,#0ea5e9,#0284c7);justify-content:center;align-items:center;height:200px;font-size:3rem;display:flex;position:relative}.tour-package-badge{color:#0ea5e9;text-transform:uppercase;background:#fffffff2;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;position:absolute;top:16px;right:16px}.tour-package-details{padding:20px}.tour-package-details h3{color:#fff;margin:0 0 8px;font-size:1.4rem;font-weight:700}.tour-package-details h4{color:#fff;margin:0 0 8px;font-size:1.2rem;font-weight:700}.tour-package-details p{color:#ffffffb3;margin:0 0 12px;font-size:.95rem}.tour-package-location{color:#ffffffb3;align-items:center;gap:6px;margin-bottom:16px;font-size:.95rem;display:flex}.tour-package-features{color:#ffffffb3;gap:16px;margin-bottom:20px;font-size:.9rem;display:flex}.tour-package-features span{align-items:center;gap:6px;display:flex}.tour-package-pricing{border-top:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.tour-package-price{color:#0ea5e9;font-size:2rem;font-weight:700}.tour-package-per{color:#ffffffb3;margin-left:4px;font-size:.9rem}.tour-package-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.tour-package-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.booking-calendar-travel-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.booking-calendar-travel-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.travel-date-inputs{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.travel-date-field{flex-direction:column;gap:8px;display:flex}.travel-date-field label{color:#ffffffb3;font-size:.9rem;font-weight:600}.travel-date-field strong{color:#fff;font-size:1rem;font-weight:600}.travel-date-field input{color:#fff;border:1px solid #fff3;border-radius:12px;padding:14px;font-size:1rem;transition:border-color .2s}.travel-date-field input:focus{border-color:#0ea5e9;outline:none}.travel-guests{margin-top:16px}.travel-guests label{margin-bottom:8px;font-weight:600;display:block}.travel-guests label,.travel-guests span{color:#ffffffb3;font-size:.9rem}.travel-guests strong{color:#fff;margin-left:8px;font-size:1rem;font-weight:600}.travel-guests select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px;font-size:1rem;transition:border-color .2s}.travel-guests select:focus{border-color:#0ea5e9;outline:none}.itinerary-builder-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.itinerary-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.itinerary-day{border-bottom:2px solid #f1f5f9;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.itinerary-day:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.itinerary-day-number{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.itinerary-day-content h4{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:600}.itinerary-day-content strong{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.itinerary-day-content p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6}.itinerary-day-content p,.itinerary-day-content span{color:#ffffffb3;font-size:.9rem}.travel-insurance-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.insurance-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.insurance-option{cursor:pointer;background:linear-gradient(135deg,#0ea5e90d,#0284c70d);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.insurance-option:hover{transform:translate(4px);box-shadow:0 4px 12px #0ea5e933}.insurance-label{align-items:center;gap:12px;display:flex}.insurance-label input[type=checkbox]{accent-color:#0ea5e9;width:20px;height:20px}.insurance-info h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.insurance-info strong{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.insurance-info span{color:#ffffffb3;font-size:.85rem;display:block}.insurance-info p{color:#ffffffb3;margin:0;font-size:.85rem}.insurance-price{color:#0ea5e9;font-size:1.2rem;font-weight:700}.product-catalog-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.catalog-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.catalog-product{background:#ffffff05;border-radius:12px;gap:20px;margin-bottom:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.catalog-product:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001a}.catalog-product-image{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;display:flex}.catalog-product-info{flex:1}.catalog-product-info h4{color:#fff;margin:0 0 8px;font-size:1.2rem;font-weight:600}.catalog-product-info h5{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:600}.catalog-product-info p{color:#ffffffb3;margin:0 0 12px;font-size:.9rem;line-height:1.6}.catalog-specs{color:#ffffffb3;gap:16px;margin-bottom:12px;font-size:.85rem;display:flex}.catalog-specs span{color:#ffffffb3;align-items:center;gap:4px;font-size:.9rem;display:flex}.catalog-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s}.catalog-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.quote-request-manufacturing-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.quote-manufacturing-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.quote-manufacturing-form{flex-direction:column;gap:16px;display:flex}.quote-manufacturing-input{color:#fff;border:1px solid #fff3;border-radius:12px;padding:14px;font-size:1rem;transition:border-color .2s}.quote-manufacturing-input:focus{border-color:#dc2626;outline:none}.quote-manufacturing-input::-moz-placeholder{color:#94a3b8}.quote-manufacturing-input::placeholder{color:#94a3b8}.file-upload-zone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #cbd5e1;border-radius:12px;padding:40px;transition:all .2s}.file-upload-zone:hover{background:#dc26260d;border-color:#dc2626}.file-upload-zone p{color:#ffffffb3;margin:0;font-size:.95rem}.quote-manufacturing-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;padding:16px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.quote-manufacturing-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.order-tracking-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.order-tracking-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.order-tracking-item{background:linear-gradient(135deg,#dc26260d,#b91c1c0d);border-left:4px solid #dc2626;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.order-tracking-info h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.order-tracking-info strong{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.order-tracking-info p{margin:0}.order-tracking-info p,.order-tracking-info span{color:#ffffffb3;font-size:.85rem}.order-tracking-status{align-items:center;gap:12px;display:flex}.tracking-badge{color:#16a34a;text-transform:uppercase;background:#dcfce7;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.tracking-date{color:#ffffffb3;font-size:.85rem}.specifications-viewer-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.specifications-header{color:#fff;margin-bottom:20px;font-size:1.5rem;font-weight:700}.spec-downloads{flex-direction:column;gap:12px;display:flex}.spec-download-item{background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.spec-download-item:hover{background:#dc26260d}.spec-icon{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.spec-info{flex:1;margin-left:16px}.spec-info h4{margin:0 0 4px}.spec-info h4,.spec-info strong{color:#fff;font-size:1rem;font-weight:600}.spec-info strong{margin-bottom:4px;display:block}.spec-info span{display:block}.spec-info p,.spec-info span{color:#ffffffb3;font-size:.85rem}.spec-info p{margin:0}.spec-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s}.spec-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.case-status-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.case-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.case-info{flex:1}.case-number{color:#fff;margin-bottom:4px;font-size:1.2rem;font-weight:600}.status-badge{color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.active{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#2563eb33);border:1px solid #3b82f64d}.case-status-indicator{background:#ffffff05;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px;display:flex}.case-timeline{margin-top:24px}.timeline-step{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline-step:not(:last-child):before{content:"";background:#ffffff1a;width:2px;position:absolute;top:30px;bottom:0;left:11px}.timeline-step.completed:before{background:linear-gradient(#3b82f6,#3b82f64d)}.timeline-step.active:before{background:linear-gradient(#3b82f6,#3b82f61a)}.step-dot{z-index:1;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.timeline-step.active .step-dot,.timeline-step.completed .step-dot{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.timeline-step.active .step-dot{box-shadow:0 0 20px #3b82f680}.timeline-content{flex:1;padding-top:2px}.timeline-content h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.timeline-content p{color:#fff9;margin:0;font-size:.9rem}.consultation-booking-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.consultation-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.consultation-form{flex-direction:column;gap:16px;display:flex}.consultation-form label{color:#fffc;margin-bottom:8px;font-size:.95rem;display:block}.consultation-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.consultation-select:hover{background:#ffffff14;border-color:#3b82f680}.consultation-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.consultation-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;margin-top:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s}.consultation-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.document-vault-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.vault-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.document-list{flex-direction:column;gap:12px;display:flex}.document-item{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.document-item:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translate(4px)}.doc-icon{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#2563eb33);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.doc-info{flex:1;margin-left:16px}.doc-info h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.doc-info p{color:#ffffff80;margin:0;font-size:.85rem}.doc-download{color:#60a5fa;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s}.doc-download:hover{background:#3b82f633;transform:translateY(-2px)}.billing-overview-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.billing-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.billing-summary{flex-direction:column;gap:16px;display:flex}.billing-row{background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:14px;display:flex}.billing-row span:first-child{color:#ffffffb3;font-size:.95rem}.billing-row span:last-child{color:#fff;font-size:1.1rem;font-weight:600}.billing-row:last-child{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;margin-top:8px}.billing-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;width:100%;margin-top:16px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s}.billing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.project-gallery-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.gallery-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.gallery-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.gallery-item:hover{border-color:#78350f80;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.gallery-image{-o-object-fit:cover;object-fit:cover;width:100%;height:180px;display:block}.gallery-label{color:#fff;background:linear-gradient(#0000,#000c);padding:12px;font-size:.9rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.quote-request-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.quote-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.quote-form{flex-direction:column;gap:16px;display:flex}.quote-form label{color:#fffc;margin-bottom:8px;font-size:.95rem;display:block}.quote-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.quote-select:hover{background:#ffffff14;border-color:#78350f80}.quote-select:focus{border-color:#78350f;outline:none;box-shadow:0 0 0 3px #78350f33}.quote-textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;min-height:120px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.quote-textarea:hover{background:#ffffff14;border-color:#78350f80}.quote-textarea:focus{border-color:#78350f;outline:none;box-shadow:0 0 0 3px #78350f33}.quote-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#78350f,#92400e);border:none;border-radius:8px;margin-top:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s}.quote-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #78350f80}.timeline-tracker-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.tracker-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.project-timeline{flex-direction:column;gap:20px;display:flex}.timeline-item{gap:16px;padding-bottom:8px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#ffffff1a;width:2px;position:absolute;top:30px;bottom:-20px;left:11px}.timeline-item.completed:before{background:linear-gradient(#78350f,#78350f4d)}.timeline-item.active:before{background:linear-gradient(#78350f,#78350f1a)}.timeline-dot{z-index:1;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.timeline-item.active .timeline-dot,.timeline-item.completed .timeline-dot{background:linear-gradient(135deg,#78350f,#92400e);border-color:#78350f}.timeline-item.active .timeline-dot{box-shadow:0 0 20px #78350f99}.timeline-item .timeline-content{flex:1;padding-top:2px}.timeline-item .timeline-content h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.timeline-item .timeline-content p{color:#fff9;margin:0;font-size:.9rem}.client-portal-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.portal-header-simple{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.portal-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.portal-stat{text-align:center;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:20px;transition:all .3s}.portal-stat:hover{background:#ffffff0d;border-color:#78350f4d;transform:translateY(-2px)}.portal-stat h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:.9rem}.portal-stat p{color:#fff;margin:0;font-size:1.8rem;font-weight:700}.service-menu-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.service-menu-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.service-item{background:#ffffff05;justify-content:space-between;margin-bottom:12px}.service-item:hover{border-color:#ec48994d}.service-info{flex:1}.service-info h4{color:#fff;margin:0 0 6px;font-size:1.05rem;font-weight:600}.service-info p{color:#ffffffb3;margin:0;font-size:.85rem}.service-details{align-items:center;gap:16px;display:flex}.service-duration{color:#fff9;align-items:center;gap:4px;font-size:.85rem;display:flex}.service-price{color:#ec4899;font-size:1.15rem;font-weight:700}.stylist-booking-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.stylist-booking-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.stylist-selection{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.stylist-option{cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.stylist-option:hover{background:#ffffff0d;border-color:#ec48994d;transform:translate(4px)}.stylist-avatar{color:#ec4899;background:linear-gradient(135deg,#ec48994d,#db27774d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:600;display:flex}.stylist-details{flex:1}.stylist-details h4{color:#fff;margin:0 0 4px;font-size:1.05rem;font-weight:600}.stylist-details p{color:#fff9;margin:0;font-size:.85rem}.stylist-time-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-bottom:16px;padding:12px 16px;font-size:1rem;transition:all .3s}.stylist-time-select:hover{background:#ffffff14;border-color:#ec489980}.stylist-time-select:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 3px #ec489933}.stylist-book-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:8px;width:100%;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s}.stylist-book-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ec489980}.portfolio-gallery-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.portfolio-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.portfolio-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.portfolio-item:hover{border-color:#ec489980;transform:translateY(-4px);box-shadow:0 8px 24px #ec48994d}.portfolio-image{-o-object-fit:cover;object-fit:cover;width:100%;height:200px;display:block}.portfolio-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ec4899e6,#db2777e6);border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.loyalty-rewards-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:24px}.rewards-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px;font-size:1.3rem;font-weight:600}.rewards-balance{text-align:center;background:linear-gradient(135deg,#ec48991a,#db27771a);border:1px solid #ec489933;border-radius:12px;margin-bottom:24px;padding:32px}.points-display{color:#ec4899;margin:0 0 8px;font-size:3rem;font-weight:700;line-height:1}.points-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:1rem}.rewards-progress{margin-top:20px}.rewards-progress h4{color:#fffc;margin:0 0 12px;font-size:.95rem}.rewards-bar{background:#ffffff1a;border-radius:20px;width:100%;height:12px;position:relative;overflow:hidden}.rewards-bar:before{content:"";background:linear-gradient(90deg,#ec4899,#db2777);border-radius:20px;width:65%;height:100%;position:absolute;top:0;left:0}.rewards-text{color:#fff9;text-align:center;margin-top:8px;font-size:.85rem}.vehicle-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ef444433}.vehicle-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:16px}.vehicle-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.vehicle-details{margin-bottom:16px}.vehicle-details h3{color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:700}.vehicle-specs{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.vehicle-specs span{color:#ffffffb3;font-size:.875rem}.vehicle-features{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.feature-tag{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.vehicle-price{color:#fff;margin-bottom:16px;font-size:1.5rem;font-weight:700}.vehicle-price span{color:#ffffffb3;font-size:.875rem;font-weight:400}.vehicle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;width:100%;padding:12px 24px;font-weight:600;transition:all .3s}.vehicle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.test-drive-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.test-drive-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.test-drive-form{flex-direction:column;gap:16px;display:flex}.test-drive-input,.test-drive-select{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .3s}.test-drive-input:focus,.test-drive-select:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.test-drive-select option{color:#fff;background:#1a1a1a}.test-drive-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;margin-top:8px;padding:14px 24px;font-weight:600;transition:all .3s}.test-drive-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.financing-calculator-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.calculator-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.calculator-result{text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:20px;padding:20px}.calculator-amount{color:#ef4444;margin-bottom:4px;font-size:2rem;font-weight:700}.calculator-label{color:#ffffffb3;font-size:.875rem}.calculator-details{flex-direction:column;gap:12px;display:flex}.calculator-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:12px 0;display:flex}.calculator-row:last-child{border-bottom:none}.calculator-row span:first-child{color:#ffffffb3;font-size:.95rem}.calculator-row span:last-child{color:#fff;font-weight:600}.trade-in-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.trade-in-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.trade-in-estimate{text-align:center;background:#ef44441a;border:2px solid #ef44444d;border-radius:8px;margin-bottom:20px;padding:24px}.estimate-value{color:#ef4444;margin-bottom:8px;font-size:2.5rem;font-weight:700}.trade-in-estimate p{color:#ffffffb3;font-size:.95rem}.trade-in-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;width:100%;padding:14px 24px;font-weight:600;transition:all .3s}.trade-in-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.room-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s}.room-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #06b6d433}.room-image{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:16px}.room-badge{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.room-details{margin-bottom:16px}.room-details h3{color:#fff;margin-bottom:8px;font-size:1.25rem;font-weight:700}.room-details p{color:#ffffffb3;font-size:.875rem;line-height:1.5}.room-amenities,.room-features{margin-bottom:16px}.room-features{flex-wrap:wrap;gap:8px;display:flex}.amenity-tag{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d44d;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.room-price{color:#fff;margin-bottom:16px;font-size:1.5rem;font-weight:700}.room-price span{color:#ffffffb3;font-size:.875rem;font-weight:400}.room-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;width:100%;padding:12px 24px;font-weight:600;transition:all .3s}.room-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.booking-calendar-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.booking-calendar-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.date-range{gap:16px;margin-bottom:20px;display:flex}.date-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;flex:1;padding:12px 16px;font-size:.95rem;transition:all .3s}.date-input label{color:#ffffffb3;margin-bottom:6px;font-size:.85rem;display:block}.date-input strong{color:#fff;font-size:1rem;font-weight:600}.date-input:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 3px #06b6d41a}.booking-summary{background:#06b6d41a;border:1px solid #06b6d44d;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.booking-summary span{color:#ffffffb3;font-size:.9rem}.booking-summary strong{color:#fff;font-size:1.1rem;font-weight:600}.booking-summary h4{color:#06b6d4;margin-bottom:12px;font-size:1rem;font-weight:600}.booking-summary p{color:#ffffffb3;margin:8px 0;font-size:.875rem}.guest-services-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.services-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.service-items{flex-direction:column;gap:16px;display:flex}.service-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.service-item:hover{background:#ffffff0d;transform:translate(4px)}.service-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.service-item h4{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600}.service-item p{color:#ffffffb3;font-size:.875rem}.concierge-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.concierge-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.request-item{background:#ffffff08;border:1px solid #ffffff1a;align-items:flex-start;gap:16px;margin-bottom:12px;padding:16px}.request-icon,.request-item{border-radius:8px;display:flex}.request-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem}.request-info h4{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:600}.request-info p{color:#ffffffb3;font-size:.85rem}.concierge-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px 24px;font-weight:600;transition:all .3s}.concierge-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.class-schedule-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.schedule-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.class-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .3s;display:flex}.class-item:hover{background:#ffffff0d;transform:translate(4px)}.class-time{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;flex-direction:column;align-items:center;min-width:80px;padding:12px;display:flex}.time-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.time-period{color:#ffffffe6;text-transform:uppercase;font-size:.75rem;font-weight:600}.class-info{flex:1}.class-info h4,.class-info h5{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.class-info p{color:#ffffffb3;margin:0 0 8px;font-size:.875rem}.class-spots{color:#f59e0b;font-size:.85rem;font-weight:600}.class-book-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.class-book-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.membership-tiers-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.tiers-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.tier-option{cursor:pointer;background:#ffffff08;border:2px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .3s}.tier-option:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.tier-name{color:#f59e0b;margin-bottom:8px;font-size:1.1rem;font-weight:700}.tier-price{color:#fff;margin-bottom:16px;font-size:2rem;font-weight:700}.tier-price span{color:#ffffffb3;font-size:.875rem;font-weight:400}.tier-features{margin:0;padding:0;list-style:none}.tier-features li{color:#ffffffb3;border-bottom:1px solid #ffffff1a;padding:8px 0;font-size:.875rem}.tier-features li:last-child{border-bottom:none}.tier-features li:before{content:"✓";color:#f59e0b;margin-right:8px;font-weight:700}.trainer-profile-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.trainer-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.trainer-avatar{-o-object-fit:cover;object-fit:cover;border:3px solid #f59e0b;border-radius:50%;width:120px;height:120px;margin:0 auto 16px;display:block}.trainer-info{text-align:center;margin-bottom:20px}.trainer-info h3{color:#fff;margin-bottom:4px;font-size:1.25rem;font-weight:700}.trainer-info p{color:#ffffffb3;margin-bottom:12px;font-size:.95rem}.trainer-rating{color:#f59e0b;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:1rem;display:flex}.trainer-book-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;width:100%;padding:14px 24px;font-weight:600;transition:all .3s}.trainer-book-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.workout-tracking-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.tracking-header{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.tracking-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tracking-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:20px}.tracking-stat .stat-icon,.tracking-stat .stat-value{margin-bottom:8px;font-size:2rem}.tracking-stat .stat-value{color:#f59e0b;font-weight:700}.tracking-stat .stat-label{color:#ffffffb3;font-size:.875rem}.tracking-stat h4{color:#f59e0b;margin-bottom:8px;font-size:2rem;font-weight:700}.tracking-stat p{color:#ffffffb3;font-size:.875rem}@media (max-width:768px){.industry-content{gap:24px;max-height:calc(90vh - 160px);padding:0 20px 20px}.industry-section{padding:20px}.industry-section h3{font-size:1.2rem}.industry-section p{font-size:.95rem}.industry-visual{padding:0 20px 20px}.mockup-content{padding:16px}.menu-item-card{flex-direction:column}.menu-item-image{width:100%;height:180px}.analytics-mini,.portal-quick-actions,.portal-stats,.product-grid,.stat-grid{grid-template-columns:1fr}}@media (max-width:480px){.industry-content{gap:20px;padding:16px}.industry-section{padding:16px}.industry-section h3{font-size:1.1rem}.industry-section p{font-size:.9rem}}.feature-icon{flex-shrink:0;margin-right:.75rem;font-size:1.2rem;display:inline-flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}