@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0f1115;--bg-surface:#1a1d24;--bg-surface-hover:#22262f;--text-primary:#f8fafc;--text-secondary:#9ca3af;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--success-bg:#10b9811a;--warning-color:#f59e0b;--border-color:#2e333d;--glass-bg:#1a1d24b3;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:280px;padding:24px 16px;display:flex}.sidebar-header{align-items:center;gap:12px;margin-bottom:40px;padding:0 8px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-title{letter-spacing:-.5px;font-size:20px;font-weight:800}.nav-menu{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-color);color:#fff}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#0f1115cc;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.header-title{font-size:24px;font-weight:700}.user-profile{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;transition:all .2s;display:flex}.user-profile:hover{background-color:var(--bg-surface-hover)}.avatar{background-color:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:40px}.dropzone-container{background:var(--glass-bg);border:2px dashed var(--border-color);text-align:center;cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin-top:32px;padding:80px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dropzone-container:hover,.dropzone-container.active{border-color:var(--accent-color);background:#3b82f60d;transform:translateY(-2px);box-shadow:0 20px 40px #0003}.drop-icon-wrapper{background-color:var(--bg-surface-hover);width:80px;height:80px;color:var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;transition:all .3s;display:flex}.dropzone-container:hover .drop-icon-wrapper,.dropzone-container.active .drop-icon-wrapper{background-color:var(--accent-color);color:#fff;transform:scale(1.1)}.drop-title{margin-bottom:12px;font-size:24px;font-weight:700}.drop-subtitle{color:var(--text-secondary);max-width:400px;font-size:16px}.parsing-state{flex-direction:column;justify-content:center;align-items:center;display:flex}.scanner{border:2px solid var(--accent-color);background:#3b82f61a;border-radius:12px;width:100px;height:120px;margin-bottom:24px;position:relative;overflow:hidden}.scanner-line{background-color:#60a5fa;width:100%;height:4px;animation:2s linear infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 10px #60a5fa,0 0 20px #60a5fa}@keyframes scan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.success-icon-wrapper{background-color:var(--success-bg);width:80px;height:80px;color:var(--success-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}