@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=nord]{--bg:#2e3440;--sidebar-bg:#242933;--editor-bg:#2e3440;--panel-bg:#242933;--text:#d8dee9;--text-muted:#88c0d0;--text-darker:#4c566a;--accent:#88c0d0;--accent-glow:#88c0d040;--border:#3b4252;--scrollbar:#434c5e;--scrollbar-hover:#4c566a;--c-comment:#4c566a;--c-keyword:#81a1c1;--c-string:#a3be8c;--c-number:#b48ead;--c-tag:#8fbcbb}[data-theme=cyberpunk]{--bg:#0d0e15;--sidebar-bg:#07080c;--editor-bg:#0d0e15;--panel-bg:#07080c;--text:#0fc;--text-muted:#f05;--text-darker:#f05;--accent:#f05;--accent-glow:#f056;--border:#f05;--scrollbar:#f05;--scrollbar-hover:#0fc;--c-comment:#6272a4;--c-keyword:#0fc;--c-string:#ff0;--c-number:#f05;--c-tag:#0fc}[data-theme=monokai]{--bg:#272822;--sidebar-bg:#1e1f1c;--editor-bg:#272822;--panel-bg:#1e1f1c;--text:#f8f8f2;--text-muted:#a6e22e;--text-darker:#75715e;--accent:#f92672;--accent-glow:#f9267240;--border:#3e3d32;--scrollbar:#49483e;--scrollbar-hover:#75715e;--c-comment:#75715e;--c-keyword:#f92672;--c-string:#e6db74;--c-number:#ae81ff;--c-tag:#66d9ef}[data-theme=dracula]{--bg:#282a36;--sidebar-bg:#1e1f29;--editor-bg:#282a36;--panel-bg:#1e1f29;--text:#f8f8f2;--text-muted:#8be9fd;--text-darker:#6272a4;--accent:#bd93f9;--accent-glow:#bd93f940;--border:#44475a;--scrollbar:#44475a;--scrollbar-hover:#6272a4;--c-comment:#6272a4;--c-keyword:#ff79c6;--c-string:#f1fa8c;--c-number:#bd93f9;--c-tag:#50fa7b}[data-theme=light]{--bg:#fff;--sidebar-bg:#f3f3f3;--editor-bg:#fff;--panel-bg:#fafafa;--text:#333;--text-muted:#06c;--text-darker:#a0a0a0;--accent:#06c;--accent-glow:#0066cc26;--border:#e0e0e0;--scrollbar:#d0d0d0;--scrollbar-hover:#a0a0a0;--c-comment:#999;--c-keyword:#00f;--c-string:#a31515;--c-number:#098658;--c-tag:#0451a5}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s}body{color:var(--text);background-color:#1a1c23;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}@media (width<=768px){#root{padding:0}}.ide-container{border:1px solid var(--border);background-color:var(--bg);border-radius:12px;flex-direction:column;width:100%;max-width:1440px;height:100%;max-height:900px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006}@media (width<=768px){.ide-container{border:none;border-radius:0;height:100%;max-height:100%}}.titlebar{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.titlebar-left{align-items:center;gap:8px;display:flex}.window-dots{gap:6px;display:flex}.window-dot{border-radius:50%;width:12px;height:12px}.window-dot.close{background-color:#ff5f56}.window-dot.minimize{background-color:#ffbd2e}.window-dot.maximize{background-color:#27c93f}.workspace-title{color:var(--text-darker);margin-left:12px;font-size:13px;font-weight:500}.titlebar-center{background-color:var(--bg);border:1px solid var(--border);width:320px;color:var(--text-darker);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:4px 16px;font-size:12px;display:flex}.titlebar-right{align-items:center;gap:8px;display:flex}.theme-dropdown{background-color:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.theme-dropdown:focus{border-color:var(--accent)}.workspace-main{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;width:240px;display:flex;overflow-y:auto}.sidebar.collapsed{border-right:none;width:0;overflow:hidden}.sidebar-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-darker);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.file-tree{padding:8px 0}.tree-item{cursor:pointer;color:var(--text);border-left:2px solid #0000;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:flex}.tree-item:hover{background-color:#ffffff0a}.tree-item.active{border-left-color:var(--accent);color:var(--accent);background-color:#ffffff14;font-weight:500}.tree-indent{width:16px;height:100%}.tree-folder-icon,.tree-file-icon{justify-content:center;align-items:center;display:flex}.editor-panel{background-color:var(--editor-bg);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.tab-bar-container{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:38px;display:flex;overflow-x:auto}.tab-bar{height:100%;display:flex}.tab{color:var(--text-darker);border-right:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--sidebar-bg);align-items:center;gap:8px;height:100%;padding:0 16px;font-size:13px;display:flex}.tab.active{background-color:var(--editor-bg);color:var(--text);border-bottom:2px solid var(--accent);height:calc(100% + 1px)}.tab-close{border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.tab-close:hover{color:#ff5f56;background-color:#ffffff1a}.toggle-container{gap:6px;padding-right:12px;display:flex}.btn-toggle{background-color:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.btn-toggle:hover{border-color:var(--accent)}.btn-toggle.active{background-color:var(--accent);color:var(--sidebar-bg);border-color:var(--accent);font-weight:600}.editor-body{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.code-editor-view{white-space:pre-wrap;word-break:break-all;height:100%;padding:16px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;display:flex;overflow-y:auto}.line-numbers{text-align:right;color:var(--text-darker);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);padding-right:16px}.code-content{outline:none;flex:1;padding-left:16px}.syntax-comment{color:var(--c-comment);font-style:italic}.syntax-keyword{color:var(--c-keyword);font-weight:500}.syntax-string{color:var(--c-string)}.syntax-number{color:var(--c-number)}.syntax-tag{color:var(--c-tag)}.preview-container{flex:1;height:100%;padding:32px;overflow-y:auto}@media (width<=576px){.preview-container{padding:16px}}.welcome-preview{max-width:720px;margin:0 auto}.welcome-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.welcome-avatar{background:linear-gradient(135deg, var(--accent), #bd93f9);width:64px;height:64px;box-shadow:0 0 15px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}.welcome-preview h1{background:linear-gradient(to right, var(--text), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.welcome-preview h3{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:16px}.welcome-divider{background:linear-gradient(to right, var(--border), transparent);height:1px;margin:24px 0}.welcome-preview p{color:var(--text);margin-bottom:16px;font-size:15px;line-height:1.7}.interactive-hint{background-color:var(--sidebar-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 18px;font-size:13px;display:inline-flex}.project-preview{max-width:800px;margin:0 auto}.project-hero-image{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;height:320px;margin-bottom:24px;box-shadow:0 8px 24px #0003}@media (width<=576px){.project-hero-image{height:180px}}.project-title-area{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.project-title-area h2{font-size:28px;font-weight:700}.project-links{gap:12px;display:flex}.project-link-btn{background-color:var(--sidebar-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;display:flex}.project-link-btn:hover{border-color:var(--accent);background-color:var(--bg)}.project-tagline{color:var(--accent);margin-bottom:24px;font-size:15px}.project-body{color:var(--text);margin-bottom:24px;font-size:14px;line-height:1.7}.project-highlights-card{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:20px}.project-highlights-card h4{text-transform:uppercase;color:var(--text-darker);letter-spacing:.5px;margin-bottom:12px;font-size:14px}.project-highlights-card ul{list-style-type:none}.project-highlights-card li{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.project-highlights-card li:before{content:"✔";color:var(--accent);font-weight:700}.project-tech-pills{flex-wrap:wrap;gap:8px;display:flex}.project-tech-pill{background-color:var(--sidebar-bg);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px}.skills-preview{max-width:800px;margin:0 auto}.skills-preview h2{margin-bottom:12px;font-size:28px}.skills-preview p{color:var(--text-darker);margin-bottom:32px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.skills-card{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:8px;padding:20px}.skills-card h3{color:var(--accent);margin-bottom:16px;font-size:16px;font-weight:600}.skills-list{flex-direction:column;gap:16px;display:flex}.skill-row{flex-direction:column;gap:6px;display:flex}.skill-info{justify-content:space-between;font-size:13px;display:flex}.skill-bar-bg{background-color:var(--border);border-radius:3px;height:6px;overflow:hidden}.skill-bar-fill{background-color:var(--accent);height:100%;box-shadow:0 0 8px var(--accent-glow);border-radius:3px}.contact-preview{max-width:600px;margin:0 auto}.contact-form-container h2{letter-spacing:1px;margin-bottom:8px;font-size:28px}.contact-form-container p{color:var(--text-darker);margin-bottom:24px}.portfolio-contact-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;color:var(--text-darker);font-size:12px;font-weight:600}.form-group input,.form-group textarea{background-color:var(--panel-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:10px 14px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.submit-btn{background-color:var(--accent);color:var(--sidebar-bg);border:1px solid var(--accent);cursor:pointer;border-radius:6px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .1s}.submit-btn:hover{opacity:.9;box-shadow:0 0 15px var(--accent-glow)}.submit-btn:active{transform:scale(.98)}.contact-success{color:#27c93f;text-align:center;background-color:#27c93f1a;border:1px solid #27c93f;border-radius:8px;margin-bottom:16px;padding:16px;font-size:14px}.terminal-panel{border-top:1px solid var(--border);background-color:var(--panel-bg);flex-direction:column;height:240px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex;overflow:hidden}.terminal-panel.collapsed{border-top:none;height:0}.terminal-header{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;height:32px;color:var(--text);justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.terminal-header-left,.terminal-controls{align-items:center;gap:8px;display:flex}.terminal-control-btn{color:var(--text-darker);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.terminal-control-btn:hover{color:var(--text)}.terminal-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-all;line-height:1.5}.terminal-line.input{color:var(--text);gap:8px;display:flex}.terminal-prompt-sym{color:var(--accent);font-weight:700}.terminal-line.output{color:var(--text)}.terminal-line.error{color:#ff5f56}.terminal-line.system{color:var(--text-darker)}.terminal-input-row{align-items:center;gap:8px;display:flex}.terminal-input-field{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:JetBrains Mono,monospace;font-size:13px}.dashboard-panel{background-color:var(--panel-bg);border-left:1px solid var(--border);flex-direction:column;gap:24px;width:280px;padding:20px;display:flex;overflow-y:auto}@media (width<=992px){.dashboard-panel{display:none}}.profile-card{text-align:center;background-color:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.profile-avatar-wrapper{position:relative}.profile-avatar{background:linear-gradient(135deg, var(--accent), #bd93f9);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;display:flex}.profile-status-dot{border:2px solid var(--bg);background-color:#27c93f;border-radius:50%;width:14px;height:14px;position:absolute;bottom:0;right:0}.profile-name{color:var(--text);font-size:16px;font-weight:600}.profile-title{color:var(--text-darker);font-size:12px}.profile-badges{gap:6px;display:flex}.profile-badge{background-color:var(--sidebar-bg);border:1px solid var(--border);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:10px}.system-stats-card{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.system-stats-card h4{text-transform:uppercase;color:var(--text-darker);letter-spacing:.5px;margin-bottom:4px;font-size:11px}.stat-row{justify-content:space-between;font-size:12px;display:flex}.stat-label{color:var(--text-darker)}.stat-value{color:var(--text);font-family:JetBrains Mono,monospace}.connect-card{flex-direction:column;gap:10px;display:flex}.connect-card h4{text-transform:uppercase;color:var(--text-darker);letter-spacing:.5px;font-size:11px}.social-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.social-btn{background-color:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;text-decoration:none;display:flex}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.statusbar{background-color:var(--sidebar-bg);border-top:1px solid var(--border);height:24px;color:var(--text-darker);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.statusbar-left{align-items:center;gap:16px;display:flex}.statusbar-item{align-items:center;gap:6px;display:flex}.statusbar-item.interactive{cursor:pointer}.statusbar-item.interactive:hover{color:var(--text)}.statusbar-right{align-items:center;gap:16px;display:flex}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background-color:var(--text);vertical-align:middle;width:6px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}