@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#06050b;--bg-surface:#0f0d1c73;--bg-surface-hover:#16132a99;--bg-card:#121021b3;--bg-dropdown:#0d0b1a;--accent-cyan:#00f0ff;--accent-purple:#8b3cff;--accent-emerald:#059669;--accent-rose:#f43f5e;--accent-amber:#d97706;--grad-primary:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);--grad-surface:linear-gradient(180deg, #19163033 0%, #0d0b1a66 100%);--grad-glow:radial-gradient(circle at 50% 50%, #8b3cff26 0%, transparent 70%);--border-glass:1px solid #ffffff0f;--border-glass-bright:1px solid #ffffff1f;--border-glow:1px solid #00f0ff4d;--shadow-premium:0 20px 40px -15px #00000080;--shadow-glow:0 0 25px #8b3cff26;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--transition-smooth:all .3s var(--ease-in-out-cubic);--transition-fast:all .15s ease-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);color:#e2e1e9;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-size:15px;line-height:1.6;overflow-x:hidden}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00f0ff4d}.app-container{background-image:var(--grad-glow);background-position:50%;background-size:cover;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.ambient-glow-1{z-index:0;pointer-events:none;background:radial-gradient(circle,#00f0ff0f 0%,#0000 60%);width:50vw;height:50vw;position:absolute;top:-10%;left:20%}.ambient-glow-2{z-index:0;pointer-events:none;background:radial-gradient(circle,#8b3cff14 0%,#0000 60%);width:45vw;height:45vw;position:absolute;bottom:-15%;right:10%}.sidebar{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border-right:var(--border-glass);z-index:10;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:100%;padding:30px 20px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:40px;padding:0 8px;display:flex}.brand-logo{background:var(--grad-primary);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 15px #00f0ff66}.brand-logo svg{color:#06050b;width:18px;height:18px}.brand-name{font-family:var(--font-serif);letter-spacing:-.5px;background:linear-gradient(120deg,#fff 40%,#e2e1e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:700}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-item{color:#a4a3af;cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:var(--accent-cyan);border:var(--border-glass-bright);background:#8b3cff1f;box-shadow:inset 0 0 8px #00f0ff0d}.nav-item svg{width:18px;height:18px;transition:var(--transition-smooth)}.nav-item.active svg{color:var(--accent-cyan);filter:drop-shadow(0 0 4px #00f0ff80)}.sidebar-footer{border-top:var(--border-glass);align-items:center;gap:10px;padding-top:20px;display:flex}.user-profile{align-items:center;gap:10px;width:100%;display:flex}.user-avatar{border:var(--border-glass);width:36px;height:36px;color:var(--accent-cyan);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#fff;font-size:.9rem;font-weight:600}.user-role{color:#797885;font-size:.75rem}.main-content{z-index:1;flex-direction:column;flex-grow:1;height:100%;padding:40px;display:flex;position:relative;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-title-group h1{font-family:var(--font-serif);letter-spacing:-.5px;color:#fff;margin-bottom:6px;font-size:2.2rem;font-weight:600}.page-title-group p{color:#8d8b9b;font-size:.95rem}.dashboard-grid{grid-template-columns:2fr 1fr;gap:30px;margin-bottom:30px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.premium-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:var(--border-glass);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:16px;padding:30px;position:relative;overflow:hidden}.premium-card:hover{box-shadow:var(--shadow-premium), var(--shadow-glow);border-color:#8b3cff40;transform:translateY(-2px)}.premium-card:before{content:"";width:100%;height:2px;transition:var(--transition-smooth);background:0 0;position:absolute;top:0;left:0}.premium-card:hover:before{background:var(--grad-primary)}.card-title{color:#fff;align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem;font-weight:600;display:flex}.card-title svg{color:var(--accent-cyan)}.dropzone{text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;border:2px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px 20px;display:flex;position:relative}.dropzone:hover{border-color:var(--accent-cyan);background:#00f0ff05;box-shadow:inset 0 0 15px #00f0ff0d}.dropzone-icon{border:var(--border-glass);width:64px;height:64px;color:var(--accent-cyan);transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone-icon{background:#00f0ff1a;transform:scale(1.05);box-shadow:0 0 15px #00f0ff33}.dropzone-text{color:#fff;font-size:1rem;font-weight:500}.dropzone-subtext{color:#7d7a8c;font-size:.8rem}.format-badges{justify-content:center;gap:10px;margin-top:15px;display:flex}.format-badge{border:var(--border-glass);text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.format-badge.pdf{color:var(--accent-rose);background:#f43f5e14}.format-badge.word{color:#2563eb;background:#2563eb14}.format-badge.ppt{color:var(--accent-amber);background:#d9770614}.format-badge.excel{color:var(--accent-emerald);background:#05966914}.format-badge.md{color:#a855f7;background:#a855f714}.btn-primary{background:var(--grad-primary);color:#06050b;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #00f0ff66}.btn-secondary{color:#fff;border:var(--border-glass);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.translation-options{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.option-group{flex-direction:column;gap:8px;display:flex}.option-label{color:#8c8a98;font-size:.85rem;font-weight:500}.select-control{background:var(--bg-dropdown);border:var(--border-glass);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);border-radius:8px;outline:none;padding:12px;font-size:.95rem}.select-control:focus{border-color:var(--accent-cyan)}.active-trans-panel{flex-direction:column;gap:20px;display:flex}.file-info-bar{border:var(--border-glass);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.file-meta{align-items:center;gap:12px;display:flex}.file-meta-icon{color:var(--accent-cyan)}.file-name{font-size:.95rem;font-weight:600}.file-size{color:#72707f;font-size:.75rem}.progress-container{margin:15px 0}.progress-header{justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.progress-status{color:var(--accent-cyan);font-weight:500}.progress-bar-bg{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--grad-primary);width:0%;height:100%;transition:width .4s var(--ease-in-out-cubic);border-radius:3px;box-shadow:0 0 10px #00f0ff80}.workspace-preview-container{flex-direction:column;flex-grow:1;gap:20px;height:100%;display:flex}.preview-toolbar{background:var(--bg-card);border:var(--border-glass);border-radius:12px;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.toolbar-actions{gap:12px;display:flex}.pane-layout{flex-grow:1;grid-template-columns:1fr 1fr;gap:20px;min-height:480px;display:grid}@media (width<=768px){.pane-layout{grid-template-columns:1fr}}.preview-pane{background:var(--bg-card);border:var(--border-glass);height:100%;box-shadow:var(--shadow-premium);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.pane-title{border-bottom:var(--border-glass);letter-spacing:.5px;color:#a4a3af;background:#ffffff05;justify-content:space-between;align-items:center;padding:15px 20px;font-size:.9rem;font-weight:600;display:flex}.pane-title .badge{color:var(--accent-cyan);background:#00f0ff1a;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.pane-title.output .badge{color:#b582ff;background:#8b3cff26}.pane-body{background:#05040a66;flex-grow:1;height:calc(100vh - 350px);min-height:400px;padding:30px;overflow-y:auto}.md-content{font-family:var(--font-sans)}.md-content h1{font-family:var(--font-serif);color:#fff;border-bottom:var(--border-glass);margin-bottom:20px;padding-bottom:10px;font-size:1.8rem}.md-content h2{font-family:var(--font-serif);color:#fff;margin:25px 0 15px;font-size:1.4rem}.md-content h3{color:#eae9f0;margin:20px 0 10px;font-size:1.1rem}.md-content p{color:#c5c4d0;margin-bottom:15px;font-size:.95rem}.md-content ul,.md-content ol{margin:15px 0 15px 25px}.md-content li{color:#c5c4d0;margin-bottom:6px}.md-content code{font-family:var(--font-mono);color:var(--accent-cyan);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:.85rem}.md-content pre{border:var(--border-glass);background:#090812;border-radius:8px;margin:15px 0;padding:15px;overflow-x:auto}.md-content pre code{color:#d1cfde;background:0 0;padding:0}.md-content blockquote{border-left:4px solid var(--accent-purple);color:#a4a3af;background:#8b3cff08;border-radius:0 8px 8px 0;margin:15px 0;padding:10px 15px;font-style:italic}.md-content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9rem}.md-content th,.md-content td{border:var(--border-glass);text-align:left;padding:10px 12px}.md-content th{color:#fff;background:#ffffff08;font-weight:600}.md-content tr:nth-child(2n) td{background:#ffffff03}.trans-highlight{transition:var(--transition-fast);background:#00f0ff14;border-bottom:2px solid #00f0ff66}.trans-highlight:hover{background:#00f0ff26}.flowchart-workspace{grid-template-columns:1.3fr 1fr;gap:30px;height:calc(100vh - 200px);min-height:500px;display:grid}@media (width<=1024px){.flowchart-workspace{grid-template-columns:1fr}}.svg-render-pane{background:var(--bg-card);border:var(--border-glass);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.svg-render-body{background:radial-gradient(circle,#141228cc 0%,#05040af2 100%);flex-grow:1;justify-content:center;align-items:center;padding:30px;display:flex;position:relative;overflow:auto}.svg-render-body svg{background:#0b0914;border:1px solid #ffffff08;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 10px 30px #00000080}.svg-text-overlay{cursor:pointer;transition:var(--transition-fast)}.svg-text-overlay:hover{stroke:var(--accent-cyan);filter:drop-shadow(0 0 8px #00f0ff99);fill:var(--accent-cyan)!important}.svg-text-overlay.active{stroke:var(--accent-purple);filter:drop-shadow(0 0 12px #8b3cffcc);fill:#fff!important}.svg-node-highlight{stroke:#ffffff1a;transition:var(--transition-fast)}.svg-node-highlight:hover{stroke:var(--accent-cyan);stroke-width:2px}.flowchart-editor-pane{background:var(--bg-card);border:var(--border-glass);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.flowchart-editor-list{flex-direction:column;flex-grow:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.flowchart-editor-card{border:var(--border-glass);transition:var(--transition-smooth);background:#ffffff05;border-radius:10px;padding:15px;position:relative}.flowchart-editor-card:hover,.flowchart-editor-card.active{background:#00f0ff03;border-color:#00f0ff4d;box-shadow:0 5px 15px #0003}.flowchart-editor-card.active{border-color:var(--accent-purple);background:#8b3cff05}.flowchart-card-meta{color:#706e7e;justify-content:space-between;margin-bottom:8px;font-size:.75rem;display:flex}.flowchart-node-id{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff0d;border-radius:4px;padding:1px 6px}.flowchart-inputs{flex-direction:column;gap:8px;display:flex}.flowchart-input-row{flex-direction:column;gap:4px;display:flex}.flowchart-input-row label{text-transform:uppercase;color:#636170;font-size:.7rem;font-weight:600}.flowchart-text-original{color:#aeacbe;border:var(--border-glass);background:#0003;border-radius:6px;padding:8px 12px;font-size:.9rem}.flowchart-text-input{color:#fff;background:var(--bg-dropdown);border:var(--border-glass);font-size:.9rem;font-family:var(--font-sans);border-radius:6px;outline:none;padding:8px 12px}.flowchart-text-input:focus{border-color:var(--accent-cyan)}.scale-info-bar{color:#797886;justify-content:space-between;align-items:center;margin-top:10px;font-size:.75rem;display:flex}.scale-value{color:var(--accent-emerald);font-weight:600}.scale-value.scaled{color:var(--accent-amber)}.history-table{border-collapse:collapse;width:100%}.history-table th,.history-table td{text-align:left;border-bottom:var(--border-glass);padding:16px}.history-table th{text-transform:uppercase;color:#7d7c8b;letter-spacing:.5px;font-size:.8rem;font-weight:600}.history-table tbody tr{transition:var(--transition-fast);cursor:pointer}.history-table tbody tr:hover{background:#ffffff03}.history-file-cell{align-items:center;gap:12px;display:flex}.history-file-cell svg{color:var(--accent-cyan)}.history-status-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.history-status-badge.completed{color:#10b981;background:#0596691a}.history-status-badge.processing{color:#a855f7;background:#8b3cff1f;animation:2s ease-in-out infinite pulse-glowing}@keyframes pulse-glowing{0%,to{opacity:1}50%{opacity:.6}}.settings-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.form-group label{color:#eae9f1;font-size:.9rem;font-weight:500}.text-control{background:var(--bg-dropdown);border:var(--border-glass);color:#fff;font-family:var(--font-sans);transition:var(--transition-fast);border-radius:8px;outline:none;padding:12px;font-size:.95rem}.text-control:focus{border-color:var(--accent-cyan)}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#eae9f1;align-items:center;gap:10px;font-size:.9rem;display:flex}.checkbox-control{appearance:none;background:var(--bg-dropdown);border:var(--border-glass);cursor:pointer;width:18px;height:18px;transition:var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.checkbox-control:checked{background:var(--accent-cyan);border-color:var(--accent-cyan)}.checkbox-control:checked:after{content:"✓";color:#06050b;font-size:.75rem;font-weight:700}.checkbox-label:hover .checkbox-control{border-color:var(--accent-cyan)}.office-sim-card{color:#333;background:#fff;border-radius:8px;padding:30px;font-family:Arial,sans-serif;box-shadow:0 4px 12px #0003}.docx-sim-header{color:#666;border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;font-size:.8rem;display:flex}.xlsx-sim-grid{color:#000;background:#fff;border:1px solid #ccc;font-family:Calibri,sans-serif;font-size:.85rem}.xlsx-sim-row{border-bottom:1px solid #e0e0e0;display:flex}.xlsx-sim-row.header{color:#333;background:#f3f3f3;border-bottom:2px solid #ccc;font-weight:700}.xlsx-sim-cell{text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #e0e0e0;width:120px;padding:6px 10px;overflow:hidden}.xlsx-sim-cell.num-cell{text-align:right;font-family:monospace}.pptx-sim-slide{aspect-ratio:16/9;color:#333;background:#fff;border:1px solid #ccc;border-radius:8px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.pptx-sim-slide.slide-dark{color:#fff;background:linear-gradient(135deg,#1e1e30 0%,#0d0d1a 100%)}.mermaid-input-pane{flex-direction:column;gap:15px;height:100%;display:flex}.mermaid-textarea{border:var(--border-glass);color:#eae9f1;min-height:150px;font-family:var(--font-mono);resize:none;background:#090812;border-radius:8px;outline:none;flex-grow:1;padding:15px;font-size:.9rem}.mermaid-textarea:focus{border-color:var(--accent-cyan)}.mermaid-graph-view{border:var(--border-glass);background:#0f0e1d;border-radius:12px;flex-grow:1;justify-content:center;align-items:center;min-height:250px;padding:20px;display:flex;overflow:auto}