*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:rgb(var(--color-bg));min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow-x:hidden;color:rgb(var(--color-text));transition:background-color .4s ease,color .3s ease;margin:0;padding:0}.dark body{background:radial-gradient(ellipse at top,#0f172ae6,#020617)}#appShell{height:100vh;height:100dvh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.header-enhanced{background:rgba(var(--color-surface),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgb(var(--color-border));box-shadow:var(--shadow-light);height:50px;z-index:10;position:sticky;top:0}.header-content{padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between}.footer-enhanced{background:rgba(var(--color-surface),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgb(var(--color-border));box-shadow:0 -2px 8px #0000000d;height:50px;z-index:10}.footer-content{padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between}.btn-icon{transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform,color,background-color;border-radius:12px;padding:6px}.btn-icon:hover{background:rgba(var(--color-primary),.1);color:rgb(var(--color-primary));transform:scale(1.05)}.btn-icon:active{transform:scale(.95)}.nav-container{background:rgba(var(--color-surface),.9);border-radius:24px;padding:4px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--color-border),.5);box-shadow:var(--shadow-light)}.nav-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:transparent;border:none;cursor:pointer;color:inherit}.nav-button:hover{background:rgba(var(--color-primary),.1);transform:scale(1.05);color:rgb(var(--color-primary))}.nav-button.active{background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-primary-hover)));color:#fff!important;box-shadow:var(--shadow-medium),0 0 20px rgba(var(--color-primary),.4);transform:scale(1.1)}.nav-button.active:hover{background:linear-gradient(135deg,rgb(var(--color-primary-hover)),rgb(var(--color-primary)));transform:scale(1.1)}.theme-toggle{transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{transform:rotate(180deg) scale(1.1)}.sidebar{position:fixed;top:0;left:-50%;width:50%;height:100%;background:rgba(var(--color-surface),.98);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-heavy);border-right:1px solid rgb(var(--color-border))}.sidebar.open{transform:translate(100%)}.sidebar-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease,backdrop-filter .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.home-gif{width:40px;height:40px;object-fit:cover;border-radius:50%;transition:all .3s ease}.home-gif:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(var(--color-primary),.4)}.home-gif-footer{width:32px;height:32px;object-fit:cover;border-radius:50%}@media (min-width: 640px){.home-gif{width:48px;height:48px}.home-gif-footer{width:36px;height:36px}}@media (min-width: 768px){.home-gif{width:52px;height:52px}.home-gif-footer{width:40px;height:40px}}@media (max-width: 640px){.sidebar{width:75%;left:-75%}.nav-button{width:36px;height:36px}.nav-container{padding:4px}}#loadingScreen{background:rgb(var(--color-bg))}.dark #loadingScreen{background:radial-gradient(ellipse at top,#0f172ae6,#020617)}.workspace-content{display:flex;flex-direction:column;width:100%;height:100%;min-height:calc(100vh - 100px);overflow:hidden}.workspace-panels{flex:1;display:flex;width:100%;height:100%;min-height:0}.workspace-panel{flex:1;display:flex;flex-direction:column;height:100%;border-radius:0;border:none;box-shadow:none;background:transparent}.workspace-iframe{width:100%;height:100%;border:none;border-radius:0;flex:1;min-height:0;background:#fff}@media (min-height: 600px){.workspace-content{min-height:calc(100vh - 100px)}}@media (min-height: 800px){.workspace-content{min-height:calc(100vh - 100px)}}:root{--color-primary: 249, 115, 22;--color-primary-hover: 234, 88, 12;--color-primary-light: 254, 215, 170;--color-secondary: 59, 130, 246;--color-secondary-hover: 37, 99, 235;--color-bg: 248, 250, 252;--color-surface: 255, 255, 255;--color-surface-hover: 248, 250, 252;--color-text: 15, 23, 42;--color-text-secondary: 51, 65, 85;--color-muted: 100, 116, 139;--color-border: 226, 232, 240;--color-border-light: 241, 245, 249;--color-success: 34, 197, 94;--color-warning: 245, 158, 11;--color-error: 239, 68, 68;--color-orange: 249, 115, 22;--color-blue: 59, 130, 246;--color-green: 34, 197, 94;--color-red: 239, 68, 68;--color-purple: 168, 85, 247;--shadow-light: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-medium: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-heavy: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(226, 232, 240, .6)}.dark{--color-primary: 251, 146, 60;--color-primary-hover: 249, 115, 22;--color-primary-light: 154, 52, 18;--color-secondary: 96, 165, 250;--color-secondary-hover: 59, 130, 246;--color-bg: 2, 6, 23;--color-surface: 15, 23, 42;--color-surface-hover: 30, 41, 59;--color-text: 248, 250, 252;--color-text-secondary: 203, 213, 225;--color-muted: 148, 163, 184;--color-border: 51, 65, 85;--color-border-light: 71, 85, 105;--color-success: 34, 197, 94;--color-warning: 245, 158, 11;--color-error: 239, 68, 68;--shadow-light: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-medium: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-heavy: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(51, 65, 85, .6)}.spinner{border:4px solid rgba(var(--color-text),.1);border-top:4px solid rgb(var(--color-primary));border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{transition:opacity .4s ease,transform .3s ease;will-change:opacity,transform}.page-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.page-visible{opacity:1;transform:translateY(0)}.workspace-card{transition:all .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow,border-color;background:rgb(var(--color-surface));box-shadow:var(--shadow-light);border:1px solid rgb(var(--color-border));opacity:1;transform:translateY(0) scale(1);position:relative;overflow:hidden;animation:none}.workspace-card:not(.animate-in){animation:none}.workspace-card.animate-in{animation:cardSlideInSmooth .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes cardSlideInSmooth{0%{opacity:0;transform:translateY(30px) scale(.95)}60%{opacity:.8;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.workspace-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-heavy);border-color:rgba(var(--color-primary),.8)}.workspace-card:active{transform:scale(.98) translateY(-2px);transition:all .15s ease}.workspace-card.active{border:2px solid rgb(var(--color-primary));box-shadow:var(--shadow-heavy),0 0 25px rgba(var(--color-primary),.25);background:linear-gradient(135deg,rgb(var(--color-surface)),rgba(var(--color-primary),.08));transform:translateY(-2px) scale(1.01)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-light)}.glass-strong{background:rgba(var(--color-surface),.9);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(var(--color-border),.8);box-shadow:var(--shadow-medium)}.horizontal-scroll-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;height:100%;overflow-y:auto;align-content:start;box-sizing:border-box}@media (max-width: 480px){.horizontal-scroll-container{gap:8px;padding:8px}}.horizontal-scroll-container::-webkit-scrollbar{width:6px}.horizontal-scroll-container::-webkit-scrollbar-track{background:rgba(var(--color-border),.3);border-radius:3px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:rgba(var(--color-primary),.6);border-radius:3px}.portrait-card{width:100%;height:160px;min-height:160px;max-height:200px;box-sizing:border-box}@media (min-width: 400px){.portrait-card{height:180px;min-height:180px}}@media (min-width: 480px){.portrait-card{height:200px;min-height:200px}}@media (min-width: 640px){.portrait-card{height:220px;min-height:220px}}@media (min-width: 768px){.portrait-card{height:240px;min-height:240px}}@media (min-width: 1024px){.portrait-card{height:260px;min-height:260px}}.status-online{background:rgb(var(--color-success));box-shadow:0 0 10px rgba(var(--color-success),.4)}.status-processing{background:rgb(var(--color-warning));box-shadow:0 0 10px rgba(var(--color-warning),.4)}.status-error{background:rgb(var(--color-error));box-shadow:0 0 10px rgba(var(--color-error),.4)}.text-muted{color:rgb(var(--color-muted))}.text-secondary{color:rgb(var(--color-text-secondary))}.loading-text{font-size:1.1rem;margin-bottom:8px;font-weight:500}.loading-subtext{font-size:.9rem}.welcome-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:relative;overflow:hidden;padding:20px;box-sizing:border-box}.selection-if{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:40px;width:100%;max-width:800px}.welcome-title{font-size:3rem;background:linear-gradient(90deg,#b429fa,#25c7f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(255,255,255,.3);position:relative;z-index:20;margin:0;text-align:center;font-family:Prompt,sans-serif;font-weight:700}.input-wrapper{position:relative;width:350px;height:60px;z-index:20;max-width:90%}.input-box{position:absolute;width:100%;height:100%;padding:16px 20px;font-size:1.2rem;border:none;border-radius:16px;background:#1a1a1a;color:#fff;z-index:10;box-sizing:border-box;transition:all .3s ease;box-shadow:0 0 15px #00000080}.input-box:focus{outline:none}.animated-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;pointer-events:none;z-index:100;opacity:0;transition:opacity .3s ease}.input-wrapper:focus-within .animated-border{opacity:1}.input-wrapper:focus-within .animated-border:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(90deg,#b429fa,#25c7f4,#b429fa);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:draw 1.3s ease forwards,gradientFlow 3s linear infinite,glow 2s ease-in-out infinite alternate}@keyframes draw{0%{clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%)}25%{clip-path:polygon(100% 100%,0% 100%,0% 100%,0% 100%)}50%{clip-path:polygon(100% 100%,0% 100%,0% 0%,0% 0%)}75%{clip-path:polygon(100% 100%,0% 100%,0% 0%,100% 0%)}to{clip-path:polygon(100% 100%,0% 100%,0% 0%,100% 0%,100% 100%)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(180,41,249,.7))}50%{filter:drop-shadow(0 0 10px rgba(38,197,243,.8))}to{filter:drop-shadow(0 0 12px rgba(180,41,249,.9))}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle{position:absolute;border-radius:50%;background:linear-gradient(90deg,#b429fa4d,#25c7f44d);animation:float 15s infinite linear}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.5}to{transform:translateY(-100vh) translate(100px) rotate(360deg);opacity:0}}.workspace-content{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;width:100%}.workspace-panels{display:flex;flex-direction:column;gap:0;height:100%;flex:1;min-height:0;width:100%}@media (min-width: 768px){.workspace-panels{flex-direction:row}}.workspace-panel{flex:1;min-height:300px;height:100%;width:100%;background:rgb(var(--color-surface))}.workspace-iframe{width:100%;height:100%;border:none;background:rgb(var(--color-surface));display:block}.dark .workspace-card{background:linear-gradient(135deg,rgb(var(--color-surface)),rgba(var(--color-surface),.8));border:1px solid rgba(var(--color-border),.8)}.dark .workspace-card:hover{border-color:rgb(var(--color-primary));box-shadow:var(--shadow-heavy),0 0 30px rgba(var(--color-primary),.2)}@media (max-width: 640px){.welcome-title{font-size:2rem}.input-wrapper{width:280px;height:50px}}.task-item{border-left:3px solid transparent;transition:all .3s ease}.task-item:hover{border-left-color:rgb(var(--color-primary));transform:translate(2px)}.schedule-item{border-left:3px solid transparent;transition:all .3s ease}.schedule-item:hover{border-left-color:rgb(var(--color-secondary));transform:translate(2px)}.task-item.completed{opacity:.7}.task-item.completed .task-title{text-decoration:line-through}.task-priority-high{border-left-color:rgb(var(--color-error))}.task-priority-medium{border-left-color:rgb(var(--color-warning))}.task-priority-low{border-left-color:rgb(var(--color-success))}.quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.quick-action-btn{padding:12px 16px;border-radius:12px;background:rgba(var(--color-surface),.9);border:1px solid rgba(var(--color-border),.6);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;font-size:.875rem;font-weight:500}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);background:rgba(var(--color-primary),.1);border-color:rgba(var(--color-primary),.3)}.quick-action-btn .material-icons{margin-right:8px;font-size:18px}@media (max-width: 768px){.quick-actions{flex-direction:column}.quick-action-btn{width:100%;justify-content:center}}.stats-card{transition:all .3s ease}.stats-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy)}.schedule-time{font-family:Courier New,monospace;font-weight:600;background:linear-gradient(135deg,rgba(var(--color-secondary),.1),rgba(var(--color-secondary),.05));border:1px solid rgba(var(--color-secondary),.2)}.status-indicator{transition:all .3s ease}.status-indicator.completed{color:rgb(var(--color-success));animation:completeTask .5s ease}.status-indicator.in-progress{color:rgb(var(--color-warning));animation:pulse 2s infinite}.status-indicator.pending{color:rgb(var(--color-muted))}@keyframes completeTask{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.plan-container{--primary: #2C3E50;--primary-light: #3498DB;--secondary: #1A5276;--success: #27AE60;--warning: #F39C12;--danger: #E74C3C;--light: #f8f9fa;--light-gray: #ECF0F1;--dark: #343A40;--gray: #6C757D;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;padding:0 0 80px;height:100%;overflow-y:auto;font-family:Sarabun,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4edf9);color:#333;line-height:1.6;width:100%;overflow-x:hidden}.plan-header{text-align:center;padding:2rem 1rem;background:var(--primary);color:#fff;margin-bottom:2rem;border-radius:0;box-shadow:var(--shadow);transition:var(--transition)}.plan-header.hidden{display:none}.plan-header h1{color:#fff;margin-bottom:.5rem;font-size:2rem}.business-form{background-color:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);margin:0 auto 2rem;width:100%;max-width:800px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark)}.form-input{width:100%;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:var(--transition);background-color:#f8fafc;font-family:Sarabun,sans-serif}.form-input:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #2980b91a;background-color:#fff}.submit-btn{display:block;width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:1.5rem;box-shadow:0 4px 6px #0000001a;position:relative}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:var(--gray);cursor:not-allowed;transform:none}.disclaimer{margin-top:1rem;font-size:.9rem;color:var(--gray);text-align:center;padding:.5rem;background-color:var(--light-gray);border-radius:8px;line-height:1.5}.loading-container{display:none;text-align:center;padding:4rem 1rem;max-width:800px;margin:0 auto}.loading-spinner{border:4px solid rgba(41,128,185,.1);border-top-color:var(--primary-light);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin:0 auto 2rem}.loading-text{color:var(--primary);font-size:1.2rem;margin-bottom:.5rem;font-weight:500}.checklist-container{text-align:left;max-width:500px;margin:0 auto 2rem}.checklist-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;margin-bottom:15px;padding:12px 15px;background-color:#fff;border-radius:8px;box-shadow:var(--shadow);display:flex;align-items:center}.checklist-item.show{opacity:1;transform:translateY(0)}.checklist-icon{color:var(--success);font-size:1.5rem;margin-right:15px;min-width:30px;text-align:center}.checklist-text{font-size:1.1rem;color:var(--dark);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{display:none;background-color:#fff;border-radius:var(--border-radius);padding:0;box-shadow:var(--shadow);width:100%;max-width:100%;margin:0 auto;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;position:sticky;top:0;z-index:100}.dashboard-title{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.reset-btn{background-color:#fff;color:var(--danger);border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:var(--transition);font-weight:600;box-shadow:0 2px 4px #0000001a}.reset-btn:hover{background-color:var(--light-gray);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.dashboard-content{padding:1.5rem}.dashboard-section{margin-bottom:2.5rem}.section-title{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem;padding-bottom:.8rem;display:flex;align-items:center;gap:10px}.section-title i{color:var(--primary-light);background:#3498db1a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem}.section-title-container{display:flex;align-items:center;gap:10px}.view-all-btn{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:5px}.view-all-btn:hover{background:var(--primary);transform:translateY(-2px)}.horizontal-scroll-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:.5rem .5rem 1.5rem;margin:0 -.5rem}.horizontal-scroll-container::-webkit-scrollbar{height:8px}.horizontal-scroll-container::-webkit-scrollbar-track{background:var(--light-gray);border-radius:10px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}.horizontal-scroll-item{flex:0 0 calc(50% - 1rem);scroll-snap-align:start;min-width:300px}.grid-card{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);border-top:4px solid var(--primary-light);transition:var(--transition);height:100%;display:flex;flex-direction:column;position:relative}.grid-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.card-title{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:1rem;display:flex;align-items:center;gap:8px}.card-title i{color:var(--primary-light);margin-bottom:-.5rem}.card-content{color:var(--dark);line-height:1.7;flex-grow:1}.card-content p{margin-bottom:.8rem}.card-content ul{padding-left:1.5rem;margin-bottom:.8rem}.card-content li{margin-bottom:.5rem}.view-docs-btn{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;cursor:pointer;transition:var(--transition);margin-top:1rem;width:100%;font-weight:500}.view-docs-btn:hover{background:var(--primary);transform:translateY(-2px)}.product-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);height:100%;border-left:4px solid var(--success);transition:var(--transition);position:relative}.product-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.product-name{font-weight:700;margin-bottom:.5rem;color:var(--primary);font-size:1.1rem}.product-price{color:var(--success);font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.product-description{color:var(--gray);font-size:.95rem;margin-bottom:.5rem}.financial-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);height:100%;border-left:4px solid var(--warning);position:relative}.financial-title{font-weight:700;margin-bottom:1rem;color:var(--primary);font-size:1.1rem}.financial-table{width:100%;border-collapse:collapse;margin:1rem 0}.financial-table th,.financial-table td{padding:.8rem;text-align:left;border-bottom:1px solid #eee}.financial-table th{background-color:#f8f9fa;font-weight:600;color:var(--primary)}.financial-summary{background:#f39c120d;border-radius:8px;padding:1.2rem;margin-top:1.2rem;border-left:3px solid var(--warning)}.summary-title{font-weight:600;margin-bottom:.5rem;color:var(--warning)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;overflow:auto;animation:modalopen .4s}@keyframes modalopen{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;margin:5% auto;padding:30px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 5px 30px #0000004d;position:relative;animation:slideup .5s}@keyframes slideup{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.modal-title{color:var(--primary);font-size:1.5rem;font-weight:600}.close-modal{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--gray);transition:var(--transition)}.close-modal:hover{color:var(--danger)}.modal-body{max-height:60vh;overflow-y:auto;padding:10px 0}.modal-list{list-style:none;padding:0}.modal-list li{padding:12px 15px;margin-bottom:10px;background-color:#f8f9fa;border-radius:8px;border-left:3px solid var(--primary-light)}.floating-buttons-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fffffff2;box-shadow:0 -4px 12px #0000001a;padding:10px 0;display:none}.floating-button-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:10px;padding:0 15px}.floating-button-scroll::-webkit-scrollbar{height:5px;display:none}.floating-button{flex:0 0 auto;scroll-snap-align:start;min-width:120px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px 15px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;box-shadow:var(--shadow);transition:var(--transition);gap:8px}.floating-button i{font-size:1.2rem}.floating-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026;color:#fff;text-decoration:none}.slideup-overlay{position:fixed;inset:0;background-color:#0009;z-index:2000;display:none;justify-content:center;align-items:flex-end}.slideup-container{width:100%;height:85vh;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0003;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;overflow:hidden}.slideup-container.active{transform:translateY(0)}.slideup-header{padding:15px 20px;background:linear-gradient(135deg,#6200ea,#3700b3);color:#fff;display:flex;justify-content:space-between;align-items:center}.slideup-title{font-weight:600;font-size:18px}.slideup-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px}.slideup-content{flex:1;overflow-y:auto;padding:20px}.slideup-section{margin-bottom:25px}.slideup-section h3{font-size:1.3rem;color:var(--primary);margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid var(--light-gray);font-weight:700}.slideup-card{background:#fff;border-radius:10px;padding:15px;margin-bottom:15px;box-shadow:0 2px 5px #0000000d;border-left:3px solid var(--primary-light)}.slideup-card-title{font-weight:700;color:var(--primary);margin-bottom:10px;font-size:1.1rem}.slideup-card-content{color:var(--dark);line-height:1.6;margin-bottom:5px}.copy-popup{position:absolute;background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;z-index:100;bottom:10px;left:50%;transform:translate(-50%);animation:fadeInOut 1.5s;display:none}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.ai-status{color:var(--primary);font-size:1rem;margin-top:1rem;font-weight:500}@media (max-width: 768px){.business-form{padding:1.5rem;border-radius:0}.plan-header{padding:1.5rem 1rem;border-radius:0}.plan-header h1{font-size:1.7rem}.dashboard-header{padding:1rem}.dashboard-title{font-size:1.3rem}.dashboard-content{padding:1rem}.section-title{font-size:1.3rem}.horizontal-scroll-item{flex:0 0 90%}.reset-btn{padding:.5rem 1rem}.view-all-btn{padding:.5rem .8rem;font-size:.85rem}.modal-content{width:95%;padding:20px}.floating-buttons-container{display:block}.floating-button{min-width:100px;padding:10px 12px;font-size:.85rem}}@media (max-width: 480px){.business-form{padding:1.2rem}.plan-header{padding:1.2rem 1rem}.plan-header h1{font-size:1.5rem}.section-title{font-size:1.2rem}.section-title i{width:36px;height:36px;font-size:.9rem}.grid-card,.product-card,.financial-card{padding:1.2rem}.view-all-btn{padding:.4rem .7rem;font-size:.8rem}.floating-button{min-width:90px;padding:8px 10px;font-size:.8rem}}