@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary-hsl:224, 76%, 48%;--primary:hsl(var(--primary-hsl));--primary-hover:#1842b4;--primary-light:#e9eefc;--secondary-hsl:215, 20%, 65%;--secondary:hsl(var(--secondary-hsl));--bg-hsl:220, 30%, 98%;--bg:hsl(var(--bg-hsl));--card-bg:#fff;--text-hsl:224, 30%, 15%;--text:hsl(var(--text-hsl));--text-muted:#626b84;--text-light:#b6bbc9;--border-hsl:220, 15%, 88%;--border:hsl(var(--border-hsl));--border-hover:#c4c9d4;--success:#16a249;--success-bg:#e9fcf0;--warning:#f59f0a;--warning-bg:#fef5e7;--error:#e11444;--error-bg:#fdecf0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-accent:0 10px 20px -5px #3b82f633;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--radius-sm:6px;--radius:12px;--radius-lg:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary-hsl:224, 82%, 56%;--primary:hsl(var(--primary-hsl));--primary-hover:#5d84ef;--primary-light:#1b2132;--bg-hsl:224, 25%, 8%;--bg:hsl(var(--bg-hsl));--card-bg:#171b26;--text-hsl:210, 40%, 98%;--text:hsl(var(--text-hsl));--text-muted:#b3bdcc;--text-light:#627084;--border-hsl:224, 20%, 18%;--border:hsl(var(--border-hsl));--border-hover:#333a4d;--success:#26d968;--success-bg:#082b15;--warning:#f7b23b;--warning-bg:#312002;--error:#ef436b;--error-bg:#2f040e;--shadow-sm:0 1px 2px 0 #00000080;--shadow:0 4px 12px 0 #0000004d;--shadow-lg:0 12px 30px 0 #0006;--shadow-accent:0 10px 25px -5px #3b82f659}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .3s var(--transition), color .3s var(--transition);min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.dashboard-layout{grid-template-columns:1.1fr 1.9fr;align-items:start;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem;display:grid}.settings-column{grid-template-columns:1fr .9fr;align-items:start;gap:1.5rem;display:grid}.sticky-column{align-self:start;position:sticky;top:95px}@media (width<=1250px){.dashboard-layout{grid-template-columns:1.2fr 1fr}.settings-column{flex-direction:column;grid-template-columns:none;display:flex}}@media (width<=850px){.dashboard-layout{grid-template-columns:1fr}}.app-header{border-bottom:1px solid var(--border);background:var(--card-bg);z-index:50;-webkit-backdrop-filter:blur(12px);background:rgba(var(--card-bg), .8);padding:1rem 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);border:1px solid rgba(var(--primary-hsl), .15);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.brand-title{background:linear-gradient(135deg, var(--primary), #7c3bed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.privacy-badge{background-color:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-hsl), .1);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .2s var(--transition), box-shadow .2s var(--transition);padding:1.5rem}.card:hover{border-color:var(--border-hover)}.card-title{color:var(--text);border-bottom:1px dashed var(--border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;display:flex}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background-color:rgba(var(--bg-hsl), .5);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem;transition:all .3s;display:flex}.dropzone.active{border-color:var(--primary);background-color:var(--primary-light);box-shadow:var(--shadow-accent)}.dropzone-icon{color:var(--secondary);transition:color .2s var(--transition)}.dropzone:hover .dropzone-icon{color:var(--primary)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{background-color:var(--card-bg);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background-color:var(--bg);border-color:var(--border-hover)}.btn-danger{background-color:var(--error-bg);color:var(--error);border-color:rgba(var(--error-bg), .2)}.btn-danger:hover:not(:disabled){background-color:var(--error);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.file-list{flex-direction:column;gap:.75rem;max-height:400px;margin-top:1rem;padding-right:4px;display:flex;overflow-y:auto}.file-item{background-color:rgba(var(--bg-hsl), .7);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s var(--transition);cursor:grab;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.file-item:active{cursor:grabbing}.file-item.dragging{opacity:.5;border-color:var(--primary);background-color:var(--primary-light)}.file-info{align-items:center;gap:.75rem;display:flex;overflow:hidden}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.file-meta{color:var(--text-muted);font-size:.75rem}.file-actions{align-items:center;gap:.5rem;display:flex}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--card-bg);width:100%;color:var(--text);transition:all .2s var(--transition);outline:none;padding:.625rem .875rem;font-size:.875rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.toggle-switch{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(20px)}.alert{border-radius:var(--radius-sm);gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.875rem;display:flex}.alert-info{background-color:var(--primary-light);color:var(--primary);border:1px solid rgba(var(--primary-hsl), .1)}.doc-preview-container{background-color:rgba(var(--bg-hsl), .5);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:260px;padding:2rem;display:flex}.doc-sheet{aspect-ratio:8.5/11;background-color:#fff;border:1px solid #d1d5db;border-radius:2px;flex-direction:column;justify-content:space-between;width:100%;max-width:180px;padding:1rem;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a}.doc-lines{flex-direction:column;gap:.5rem;display:flex}.doc-line{background-color:#e5e7eb;border-radius:3px;height:6px}.doc-line.shorter{width:70%}.preview-stamp{color:#ef4444;pointer-events:none;background-color:#fee2e2cc;border:1px dashed #fca5a5;padding:1px 4px;font-family:monospace;font-size:8px;font-weight:700;line-height:1;position:absolute}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:var(--radius);width:90%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-accent{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-accent}.progress-bar-container{background-color:var(--border);border-radius:9999px;width:100%;height:6px;margin-top:1rem;overflow:hidden}.progress-bar-fill{background-color:var(--primary);height:100%;transition:width .3s}.app-footer{border-top:1px solid var(--border);background-color:var(--card-bg);text-align:center;color:var(--text-muted);margin-top:auto;padding:1.5rem 0;font-size:.875rem}
