:root{--bg: #0a0a0a;--bg-card: #111;--text: #fff;--text-muted: #888;--accent: #e11d48;--border: #222;--nav-bg: rgba(10, 10, 10, .95);--font: "Inter", sans-serif;--mono: "JetBrains Mono", monospace}[data-theme=light]{--bg: #ffffff;--bg-card: #f3f4f6;--text: #111827;--text-muted: #6b7280;--accent: #e11d48;--border: #e5e7eb;--nav-bg: rgba(255, 255, 255, .95)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-y:auto!important;height:auto!important;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;width:100%;min-height:100vh}#root{width:100%}nav{position:fixed;top:0;left:0;width:100%;height:70px;background:var(--nav-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 6%;z-index:1000;transition:background .3s ease,border-color .3s ease}.logo{font-family:var(--mono);font-weight:500;font-size:2rem;letter-spacing:-1px;cursor:pointer;color:var(--text)}.logo .dot{color:var(--accent);animation:blink 1.25s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.nav-links{display:flex;gap:10px;align-items:center}.nav-btn{background:transparent;border:none;color:var(--text);cursor:pointer;font-size:1rem;font-family:var(--font);transition:all .2s;width:110px;text-align:center;display:flex;justify-content:center;align-items:center;padding:10px 0}.nav-btn:hover,.nav-btn.active{color:var(--accent);background:#ffffff0d;border-radius:8px}.nav-btn.active{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.switch{position:relative;display:inline-block;width:52px;height:28px;margin-left:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-card);border:1px solid var(--border);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent);border-color:var(--accent)}input:checked+.slider:before{transform:translate(24px);background-color:#fff}.menu-toggle{display:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{width:100%;padding-top:70px;padding-bottom:100px}.section-wrapper{width:100%;max-width:1200px;padding:2rem 1rem;margin:0 auto}.home-wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:60px;position:relative}.hero-content{flex:1;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto;width:100%;padding:2rem}.hero-text-group{display:flex;flex-direction:column}.hero-status-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-family:var(--mono);font-size:1rem;color:var(--accent);margin-bottom:24px;width:fit-content}.hero-status-indicator:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:35%;animation:pulse 1.25s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-2px;color:var(--text)}h1 .muted{color:var(--text-muted);font-weight:400}.text-gradient{background:linear-gradient(to right,var(--accent),#ffbd2e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block}[data-theme=light] .text-gradient{background:none;-webkit-text-fill-color:#374151;color:#374151}.hero-desc{font-size:1rem;max-width:480px;margin-bottom:30px;color:var(--text-muted)}.hero-desc strong{color:var(--text);font-weight:500}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-background-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(79,70,229,.15) 0%,transparent 70%);top:-150px;left:-100px;z-index:0;pointer-events:none;animation:pulseGlow 8s infinite alternate}.hero-background-glow.secondary{background:radial-gradient(circle,rgba(225,29,72,.1) 0%,transparent 70%);inset:auto -100px -100px auto;width:500px;height:500px;animation-delay:4s}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.hero-stats-card{background:#1e1e1e;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:20px;box-shadow:0 20px 50px #0000004d}.typewriter-cursor{color:var(--accent);animation:blink 1s infinite}.stats{display:flex;flex-direction:column;gap:30px}.stat-item h3{font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:5px}.stat-item h3 span{color:var(--accent)}.stat-item p{font-size:.9rem;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:1px}.skills-section{width:100%;padding:5px 0;background:transparent;border-top:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.skills-section h3{text-align:center;color:var(--accent);font-size:.9rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:30px}.skills-track{display:flex;gap:4rem;width:max-content;animation:scroll 20s linear infinite}.skills-track:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skill-item{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);min-width:80px;transition:all .3s}.skill-item:hover{color:var(--accent);transform:translateY(-5px)}.skill-item span{font-size:.85rem;font-weight:500}.skills-section:before,.skills-section:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.skills-section:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.skills-section:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;border-radius:6px;transition:all .2s;cursor:pointer;border:none;font-family:var(--font)}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff;font-weight:600;box-shadow:0 4px 14px #00000063}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent),transparent 40%)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-muted);background:#ffffff08}.section-header{margin-bottom:32px}.section-label{font-family:var(--mono);font-size:.75rem;color:var(--accent);margin-bottom:8px}.section-title{font-size:2rem;font-weight:600;letter-spacing:-1px;color:var(--text)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding-bottom:50px}.project-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:25px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.project-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px color-mix(in srgb,var(--accent),transparent 85%)}.project-icon{width:50px;height:50px;background:#7878781a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s}.project-icon svg{color:var(--text-muted);stroke-width:1.25px}.project-card:hover .project-icon{background:var(--accent);transform:scale(1.1) rotate(5deg)}.project-card:hover .project-icon svg{color:#fff}.project-card h3{font-size:1.4rem;margin:0 0 10px;font-weight:700;color:var(--text)}.project-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background:#9696961a;color:var(--text);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid transparent}.project-card:hover .tech-tag{border-color:#9696964d}.learn-more{margin-top:auto;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:transform .2s ease;color:var(--text-muted)}.project-card:hover .learn-more{transform:translate(5px);color:var(--accent);font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding-bottom:50px}.service-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:30px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;box-shadow:0 4px 10px #0000000d}.service-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 15px 30px -10px #e11d4826}.service-icon-box{width:60px;height:60px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:20px;transition:all .3s ease;z-index:2;position:relative}.service-card:hover .service-icon-box{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(-5deg) scale(1.1)}.service-bg-num{position:absolute;top:10px;right:20px;font-size:5rem;font-weight:900;color:#ffffff05;z-index:1;pointer-events:none;font-family:Inter,sans-serif;transition:transform .3s}.service-card:hover .service-bg-num{transform:translateY(-10px);color:#ffffff0d}.service-title{font-size:1.4rem;font-weight:700;margin:0 0 10px;z-index:2;position:relative;color:var(--text)}.service-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:25px;z-index:2;position:relative}.service-features{list-style:none;padding:0;margin:0 0 25px;z-index:2;position:relative;flex-grow:1}.service-features li{font-family:Courier New,monospace;font-size:.85rem;color:var(--text);margin-bottom:8px;display:flex;align-items:center}.service-features li:before{content:"▸";color:var(--accent);margin-right:8px;font-weight:700}.service-btn{margin-top:auto;background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;z-index:2;position:relative}.service-card:hover .service-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.cta-container{text-align:center;max-width:600px;margin:0 auto;padding-top:20px}.cta-title{font-size:2.5rem;margin-bottom:12px;color:var(--accent)}.social-container{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:1rem;padding-bottom:1rem}.social-btn{position:relative;text-decoration:none;font-family:Consolas,Monaco,monospace;font-size:.75rem;padding:.5rem 1rem;text-transform:none;font-weight:600;color:#a0a0a0;background-color:#ffffff08;border:1px solid #333;border-left:3px solid var(--accent);border-radius:3px;transition:transform .2s ease,background .2s}.social-btn:hover{background-color:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 12px #ff333380;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-card);border:1px solid var(--border);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border-radius:12px;position:relative;box-shadow:0 20px 50px #00000080;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-image-container{width:100%;background:#000;display:flex;justify-content:center;padding:10px}.modal-img{max-width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:4px}.modal-text{padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{font-size:1.5rem;margin:0;color:var(--text)}.modal-desc{line-height:1.6;color:var(--text-muted);font-size:.95rem}.modal-close{position:absolute;top:10px;right:10px;background:#000c;color:#fff;border:1px solid #444;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .2s}.modal-close:hover{background:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.footer-simple{position:fixed;bottom:0;left:0;width:100%;z-index:1000;background:var(--bg);border-top:1px solid var(--border);padding:15px 50px;display:flex;justify-content:space-between;align-items:center}.footer-social-link{color:var(--text);transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;padding:10px;border-radius:12px;background-color:transparent;text-decoration:none}.footer-social-link:hover{color:var(--accent);transform:translateY(-5px) scale(1.1);background-color:color-mix(in srgb,var(--accent),transparent 90%);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--accent),transparent 40%),0 0 15px color-mix(in srgb,var(--accent),transparent 80%)}.contact-form{background:var(--bg-card);padding:30px;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 6px #0000000d;max-width:600px;margin:0 auto}.contact-form h3{margin-bottom:20px;color:var(--text);font-size:1.5rem}.contact-phone-box{border:1px dashed var(--accent);padding:15px;border-radius:8px;margin-bottom:30px;text-align:center}.contact-phone-link{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:1px}.contact-phone-link:hover{color:var(--accent)}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:var(--text-muted);font-weight:500;font-size:.9rem}.form-control{width:100%;padding:12px 15px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--accent)}textarea.form-control{resize:vertical;min-height:120px}.submit-btn{background:var(--accent);color:#fff;border:none;padding:14px 28px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s;width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.submit-btn:hover{filter:brightness(1.1)}.hero-visuals{width:400px;height:auto!important;display:flex;align-items:center;justify-content:center}.hero-buttons-mobile{display:none}@media(max-width:900px){.home-wrapper{padding-top:100px}.hero-content{grid-template-columns:1fr;gap:40px}.hero-text-group{align-items:center;text-align:center}.hero-buttons{justify-content:center}.stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:20px}.hero-background-glow{width:300px;height:300px;opacity:.4}h1{font-size:2.5rem}}@media(max-width:768px){.menu-toggle{display:block;background:none;border:none;color:var(--text);font-size:1.8rem;cursor:pointer;padding:5px;order:3}.switch{margin-left:auto;margin-right:15px}.nav-links{display:none;position:fixed;top:70px;left:0;width:100%;background:var(--bg);padding:20px 30px;flex-direction:column;align-items:flex-start;gap:8px;border-bottom:1px solid var(--border);box-shadow:0 10px 20px #0003;z-index:999}.nav-links.active{display:flex}.nav-btn{width:100%;justify-content:flex-start;padding:12px 10px;font-size:1rem}.main-content{padding-bottom:20px}.home-wrapper{padding-top:80px;overflow-x:hidden}.hero-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:1rem 20px!important;gap:24px;width:100%;max-width:100%!important}.hero-text-group{order:1;width:100%;align-items:flex-start;text-align:left}.hero-visuals{order:2;width:100%!important;height:auto!important;align-items:flex-start}.hero-stats-card{width:100%!important}.hero-buttons{display:none!important}.hero-buttons-mobile{order:3;display:flex!important;flex-wrap:wrap;gap:12px;width:100%;justify-content:flex-start}h1{font-size:2.2rem!important;letter-spacing:-1px;word-break:break-word;overflow-wrap:break-word}.hero-status-indicator{font-size:.85rem}.modal-content{width:92%;max-width:none}.modal-header{flex-direction:column;align-items:flex-start;gap:10px;padding-right:40px}.home-wrapper{min-height:auto;height:auto;overflow:visible;justify-content:flex-start;padding-top:80px}.hero-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:1rem 20px!important;gap:24px;width:100%;max-width:100%!important;overflow:visible!important}.skills-section{overflow:hidden;width:100%}.footer-simple{position:relative!important;bottom:auto;flex-direction:column;text-align:center;gap:15px;padding:25px 15px;margin-top:40px}.main-content{padding-bottom:20px;overflow:visible}.demo-container{flex-direction:column;height:auto!important;min-height:500px}.demo-sidebar{width:100%!important;height:auto;border-right:none!important;border-bottom:1px solid #e2e8f0}.finance-demo-container{flex-direction:column;height:auto!important;min-height:500px}.finance-sidebar{width:100%;height:auto;justify-content:space-between;padding:10px 20px}.finance-logout{margin-top:0}.finance-header-grid{grid-template-columns:1fr}}.demo-container{background:#fff;border-radius:12px;overflow:hidden;font-family:Inter,sans-serif;width:100%;max-width:100%;height:340px;margin:0 auto;display:flex;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a}.demo-sidebar{border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.demo-main{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.finance-demo-container{background:#f3f4f6;border-radius:12px;overflow:hidden;font-family:Inter,sans-serif;width:100%;max-width:100%;height:340px;margin:0 auto;border:1px solid #e5e7eb;display:flex;box-shadow:0 10px 25px -5px #0000001a}.finance-sidebar{width:45px;background:#0f0f0f;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:15px;flex-shrink:0}.finance-logout{margin-top:auto}.finance-header-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;font-family:system-ui,-apple-system,sans-serif;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .4s ease-out forwards}.spin{animation:spin 1s linear infinite}.bulb{animation:blink 1s infinite}:root{--bg-color: #ffffff;--text-color: #1e1e1e;--card-bg: #f8f9fa;--border-color: #e2e8f0;--input-bg: #ffffff;--accent-color: #4f46e5;--sidebar-bg: #fdfdfd}[data-theme=dark]{--bg-color: #09090b;--text-color: #ededed;--card-bg: #18181b;--border-color: #27272a;--input-bg: #121212;--sidebar-bg: #000000}.os-container{height:100dvh;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column}.os-header{height:60px;flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);z-index:50}.os-layout{flex:1;display:flex;overflow:hidden;height:calc(100vh - 60px)}.os-workspace{flex:2;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color);position:relative}.os-scroll-area{flex:1;overflow-y:auto;padding:40px 40px 100px}.os-chat-sidebar{width:380px;background:var(--sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.chat-header-simple{flex-shrink:0;padding:15px;border-bottom:1px solid var(--border-color);font-weight:600;display:flex;align-items:center;gap:8px;background:var(--card-bg);z-index:2}.chat-messages{flex:1;overflow-y:auto;min-height:0;padding:20px;flex-direction:column;gap:15px;scroll-behavior:smooth}.chat-input-area{flex-shrink:0;padding:15px;border-top:1px solid var(--border-color);display:flex;gap:10px;background:var(--bg-color);z-index:2}.os-logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:8px;cursor:pointer}.os-title{font-size:1.8rem;margin:0 0 10px;font-weight:800;letter-spacing:-.5px}.os-subtitle{color:#888;margin-bottom:25px;font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.os-input{width:100%;background:var(--input-bg);border:1px solid var(--border-color);padding:12px;color:var(--text-color);border-radius:8px;font-size:1rem;outline:none;margin-bottom:15px;transition:all .2s}.os-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f11a}.os-textarea{width:100%;height:180px;background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);padding:15px;border-radius:8px;resize:none;font-family:inherit}.currency-toggle{display:flex;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;height:75px;width:150px}.currency-toggle button{flex:1;border:none;cursor:pointer;font-weight:700;transition:all .2s}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-bottom:25px}.os-card{background:var(--card-bg);border:1px solid var(--border-color);padding:20px;border-radius:12px;cursor:pointer;text-align:center;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;position:relative}.os-card:hover{transform:translateY(-2px);border-color:#ccc}.os-card.selected{border:2px solid var(--accent-color);background:#4f46e50d}.os-card.selected div{color:var(--accent-color);font-weight:700}.tech-logo{width:45px;height:45px;object-fit:contain;margin-bottom:10px;transition:transform .2s}.os-card:hover .tech-logo{transform:scale(1.1)}.invert-white{filter:brightness(0) invert(1);opacity:.9;transition:all .3s ease}.os-card:hover .invert-white{filter:none;opacity:1}.tech-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:110%;left:50%;transform:translate(-50%);width:200px;background-color:#222;color:#fff;text-align:center;border-radius:8px;padding:10px;font-size:.75rem;z-index:10;pointer-events:none;transition:all .3s ease}.os-card:hover .tech-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(-5px)}.workspace-footer{position:absolute;bottom:0;left:0;right:0;background:var(--bg-color);border-top:1px solid var(--border-color);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;z-index:10}.btn-nav{padding:10px 25px;border-radius:8px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:8px}.btn-back{background:transparent;color:#888;border:1px solid var(--border-color)}.btn-next{background:var(--text-color);color:var(--bg-color)}.btn-finish{background:var(--accent-color);color:#fff}.os-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:3000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.os-modal{background:var(--bg-color);border:1px solid var(--border-color);padding:25px;border-radius:12px;width:400px;box-shadow:0 10px 30px #0003}.history-card{background:var(--card-bg);border:1px solid var(--border-color);padding:20px;border-radius:10px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.os-layout{flex-direction:column;height:auto;overflow:visible}.os-workspace{height:65vh;border-bottom:1px solid var(--border-color)}.os-chat-sidebar{width:100%;height:35vh;border-left:none;border-top:1px solid var(--border-color)}.os-scroll-area{padding:20px 20px 80px}.os-grid{grid-template-columns:repeat(2,1fr)}}