@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg-primary:#f0fdf4;--bg-secondary:#fff;--text-primary:#14532d;--text-secondary:#166534;--text-muted:#6b7280;--accent-primary:#0f766e;--accent-emerald:#10b981;--accent-coral:#ef4444;--accent-amber:#f59e0b;--border-color:#d1fae5;--border-color-strong:#6ee7b7;--gradient-header:linear-gradient(135deg,#0f766e,#14532d);--gradient-accent:linear-gradient(135deg,#10b981,#0f766e);--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a}.app{background:#f0fdf4;background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.background{background:radial-gradient(ellipse at 20% 30%,#10b98114 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#0f766e0f 0,#0000 50%);inset:0;pointer-events:none;position:fixed}.header{background:linear-gradient(135deg,#0f766e,#14532d);background:var(--gradient-header);box-shadow:0 4px 20px #0f766e33;justify-content:space-between;padding:1.25rem 2rem;position:relative;z-index:10}.header,.logo{align-items:center;display:flex}.logo{gap:1rem}.logo-icon{font-size:2.25rem}.logo-text h1{color:#fff;font-size:1.35rem;font-weight:700}.tagline{color:#fffc;font-size:.8rem}.header-badge .badge{background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;border-radius:var(--radius-lg);color:#fff;font-size:.7rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.main{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;padding:2rem;position:relative;width:100%;z-index:5}.upload-panel{background:#fff;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);padding:2rem}.panel-header{margin-bottom:1.5rem}.panel-header h2{color:#14532d;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.panel-header p{color:#6b7280;color:var(--text-muted);font-size:.95rem}.dropzone{background:linear-gradient(145deg,#ecfdf5,#f0fdf4);border:3px dashed #6ee7b7;border:3px dashed var(--border-color-strong);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:3rem 2rem;position:relative;text-align:center;transition:all .25s ease}.dropzone.dragging,.dropzone:hover{background:linear-gradient(145deg,#d1fae5,#ecfdf5);border-color:#0f766e;border-color:var(--accent-primary);transform:scale(1.01)}.dropzone.dragging{box-shadow:0 0 0 4px #10b98133}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.dropzone-icon{animation:float 3s ease-in-out infinite;font-size:3.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dropzone h3{color:#14532d;color:var(--text-primary);font-size:1.2rem;font-weight:700}.dropzone p{color:#6b7280;color:var(--text-muted);font-size:.9rem}.file-input{cursor:pointer;inset:0;opacity:0;position:absolute}.supported-formats{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.format-label{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-weight:600}.format-badge{background:#fff;border:1px solid #6ee7b7;border:1px solid var(--border-color-strong);border-radius:6px;border-radius:var(--radius-sm);color:#0f766e;color:var(--accent-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.25rem .6rem}.files-section{border-top:2px solid #d1fae5;border-top:2px solid var(--border-color);margin-top:2rem;padding-top:2rem}.files-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.files-header h3{color:#14532d;color:var(--text-primary);font-size:1rem;font-weight:700}.btn-secondary{background:#0000;border:2px solid #6ee7b7;border:2px solid var(--border-color-strong);border-radius:12px;border-radius:var(--radius-md);color:#0f766e;color:var(--accent-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-secondary:hover{background:#d1fae5;background:var(--border-color)}.files-list{display:flex;flex-direction:column;gap:.75rem}.file-item{align-items:center;background:#f8fafc;border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.file-item.success{background:#ecfdf5;border-color:#10b981;border-color:var(--accent-emerald)}.file-item.error{background:#fef2f2;border-color:#ef4444;border-color:var(--accent-coral)}.file-item.uploading{background:#fffbeb;border-color:#f59e0b;border-color:var(--accent-amber)}.file-icon{font-size:1.5rem}.file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.file-name{color:#14532d;color:var(--text-primary);font-size:.9rem;font-weight:600}.file-size{color:#6b7280;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem}.file-error{color:#ef4444;color:var(--accent-coral);font-size:.75rem}.file-status{width:100px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#10b981,#0f766e);background:var(--gradient-accent);border-radius:3px;height:100%;transition:width .3s ease}.status-text{font-size:.75rem;font-weight:600}.status-text.success{color:#10b981;color:var(--accent-emerald)}.status-text.error{color:#ef4444;color:var(--accent-coral)}.btn-remove,.status-text.pending{color:#6b7280;color:var(--text-muted)}.btn-remove{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;width:28px}.btn-remove:hover{background:#fee2e2;color:#ef4444;color:var(--accent-coral)}.sync-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7;border:2px solid var(--border-color-strong);border-radius:16px;border-radius:var(--radius-lg);justify-content:space-between;margin-top:2rem;padding:1.5rem}.sync-info,.sync-section{align-items:center;display:flex;gap:1rem}.sync-icon{font-size:2rem}.sync-info h4{color:#14532d;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.25rem}.sync-info p{color:#6b7280;color:var(--text-muted);font-size:.85rem}.btn-sync{align-items:center;background:linear-gradient(135deg,#10b981,#0f766e);background:var(--gradient-accent);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .25s ease}.btn-sync:hover:not(:disabled){box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-sync:disabled{cursor:not-allowed;opacity:.7}.btn-sync.success{background:#10b981}.btn-sync.error{background:#ef4444}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.sidebar{display:flex;flex-direction:column;gap:1.25rem}.info-card,.stats-card{background:#fff;background:var(--bg-secondary);border:2px solid #d1fae5;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.info-card h3,.stats-card h3{color:#14532d;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:1rem}.info-card ol,.info-card ul{display:flex;flex-direction:column;gap:.75rem;padding-left:1.25rem}.info-card li{color:#166534;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.stats-card{background:linear-gradient(145deg,#ecfdf5,#fff)}.stat-row{border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#6b7280;color:var(--text-muted);font-size:.85rem}.stat-value{color:#14532d;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:700}.stat-value.pending{color:#f59e0b;color:var(--accent-amber)}.stat-value.success{color:#10b981;color:var(--accent-emerald)}.footer{background:linear-gradient(135deg,#0f766e,#14532d);background:var(--gradient-header);color:#ffffffd9;display:flex;font-size:.8rem;gap:.75rem;justify-content:center;padding:1rem 2rem}@media (max-width:900px){.main{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:600px){.header{flex-direction:column;gap:1rem;text-align:center}.main{padding:1rem}.upload-panel{padding:1.25rem}.dropzone{padding:2rem 1rem}.sync-section{flex-direction:column;text-align:center}.file-item{flex-wrap:wrap}.file-status{margin-top:.5rem;width:100%}}
/*# sourceMappingURL=main.6bfc87cd.css.map*/