#root{min-height:100vh}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-content{flex:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}:root{--bg-panel: #1e293b;--input-bg: #334155;--input-border: #475569;--text: #e2e8f0;--muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--radius: 10px;--shadow-md: 0 4px 12px rgba(0,0,0,.6)}nav{background:var(--bg-panel);border-bottom:1px solid #475569;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}nav a{text-decoration:none;font-weight:500;color:var(--text)}nav a:hover{color:var(--primary)}main{width:100%;min-height:100vh;padding:2rem;box-sizing:border-box}.login-container{max-width:420px;margin:6rem auto;padding:2rem 2.5rem;background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow-md)}h1{margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;text-align:center}p{margin-top:1rem;color:var(--muted);font-size:.95rem;text-align:center}form{display:flex;flex-direction:column;gap:1rem}input[type=text],input[type=password],input[type=file]{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--text);transition:border-color .15s,box-shadow .15s;width:100%;min-height:42px}input::placeholder{color:var(--muted)}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f64d}input::file-selector-button{padding:.4rem .75rem;border:none;background:var(--primary);color:#fff;border-radius:6px;cursor:pointer}input::file-selector-button:hover{background:var(--primary-hover)}button{margin-top:.5rem;padding:.7rem;font-size:1rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;background:var(--primary);color:#fff;transition:background .15s,transform .05s}button:hover{background:var(--primary-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}.success{margin-top:1rem;padding:.75rem;background:#064e3b;border:1px solid #10b981;border-radius:6px;color:#d1fae5;font-size:.9rem}.error{margin-top:1rem;padding:.75rem;background:#581c1c;border:1px solid #f87171;border-radius:6px;color:#fee2e2;font-size:.9rem}.error-toast{background:linear-gradient(135deg,#ff4d4d,#c00);color:#fff;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;text-align:center;box-shadow:0 5px 24px #ff000059;animation:slideFadeIn .25s ease-out}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropzone{width:100%;aspect-ratio:2 / 1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border:2px dashed #ccc;border-radius:12px;padding:20px;transition:background .2s ease;cursor:pointer;background-color:#ffffff05}.dropzone.dragging{border-color:#4f9cff;background:#4f9cff14}.dropzone p{font-size:1.1rem;margin-bottom:.25rem}.dropzone span{font-size:.85rem;opacity:.7}.dropzone-placeholder{margin:auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.loader{width:48px;height:48px;margin:1.5rem auto;border:4px solid rgba(255,255,255,.2);border-top-color:#4f9cff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-container{max-width:1000px;width:min(1000px,95%);height:min(1000px,95%);margin:3rem auto;display:flex;flex-direction:column;gap:1.25rem;padding:2rem;background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow-md)}.upload-title{text-align:center;font-size:1.4rem;margin-bottom:.5rem}.upload-button{width:100%;padding:.85rem;font-size:1rem;border-radius:12px;margin-top:.5rem}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;width:100%}.file-card{position:relative;background:#ffffff0d;border-radius:12px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .2s ease;width:100px;height:120px;padding:1rem}.file-card:hover{background:#ffffff14}.file-icon{font-size:1.8rem;margin-bottom:.25rem}.file-name{flex:1;min-width:0;font-size:.8rem;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.remove-btn{position:absolute;top:3px;right:6px;background:#ff0000d9;border:none;color:#fff;font-size:.75rem;width:10px;height:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-btn:hover{opacity:.7}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#111;padding:2rem;border-radius:16px;max-width:360px;width:90%;text-align:center;box-shadow:0 30px 80px #000c;animation:modalPop .25s ease-out}.modal h3{margin-bottom:.5rem;font-size:1.4rem}.modal p{opacity:.75;margin-bottom:1.5rem}.download-button{display:inline-block;width:100%;padding:.85rem;border-radius:12px;background:linear-gradient(135deg,#4f9cff,#2563eb);color:#fff;font-weight:500;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.download-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #4f9cff80}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.date-picker{display:flex;flex-direction:column;gap:6px}.date-picker label{font-size:.85rem;color:#aaa}.date-picker input[type=date]{background:#0f172a;color:#fff;border:1px solid #334155;border-radius:8px;padding:10px 12px}.date-picker input[type=date]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.footer-contact{font-size:.95rem;margin-bottom:10px;color:#d1d5db}.footer{background:#0f1b2d;color:#d1d5db;padding:30px 20px;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;text-align:center}.footer-links{margin:10px 0;font-size:.85rem}.footer-link{color:#d1d5db;text-decoration:underline;margin:0 5px}.footer-link:hover{color:#fff}.footer-legal{font-size:.8rem;color:#9ca3af}html{scroll-behavior:smooth}.document-container{max-width:800px;margin:3rem auto;padding:3rem;background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow-md);line-height:1.6;box-sizing:border-box}.document-container h1{font-size:2rem;margin-bottom:1.5rem}.document-container h2{font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}.document-container p{margin-bottom:1rem;opacity:.9;text-align:left}.document-container ul{margin:1rem 0 1rem 1.5rem}.document-container li{margin-bottom:.5rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}@media(max-width:480px){main{margin:2rem 1rem;padding:1.5rem}}