:root{--bg:#0e0e12;--bg-card:#16161d;--bg-card-hover:#1c1c26;--bg-surface:#1e1e28;--border:#2a2a38;--border-accent:#e8364e;--text:#e8e6e3;--text-secondary:#9896a1;--text-muted:#5c5a66;--accent:#e8364e;--accent-glow:rgba(232,54,78,.15);--accent-soft:#ff6b81;--success:#34d399;--warning:#fbbf24;--font-display:"DM Serif Display",serif;--font-body:"IBM Plex Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{display:flex;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border);position:relative}.header:after{content:"";position:absolute;bottom:-1px;left:0;width:120px;height:3px;background:var(--accent)}.logo-mark{width:48px;height:48px;background:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;font-weight:700;flex-shrink:0;box-shadow:0 4px 20px var(--accent-glow)}.header-text h1,.logo-mark{font-family:var(--font-display)}.header-text h1{font-size:2rem;font-weight:400;letter-spacing:-.02em;line-height:1.1}.header-text h1 span{color:var(--accent)}.header-text p{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem;font-weight:300}.upload-section{margin-bottom:2.5rem}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:var(--bg-card)}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--accent);background:var(--accent-glow)}.upload-zone.drag-over{transform:scale(1.01)}.upload-icon{font-size:2.5rem;margin-bottom:.75rem;display:block}.upload-zone h3{font-family:var(--font-body);font-weight:600;font-size:1rem;margin-bottom:.35rem}.upload-zone p{color:var(--text-muted);font-size:.8rem}.upload-zone input{display:none}.status-banner{padding:1rem 1.25rem;border-radius:8px;margin-bottom:2rem;font-size:.85rem;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-banner.success{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.25);color:var(--success)}.status-banner.warning{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.25);color:var(--warning)}.status-banner.error{background:rgba(232,54,78,.1);border:1px solid rgba(232,54,78,.25);color:var(--accent-soft)}.status-banner .close-btn{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;opacity:.6}.status-banner .close-btn:hover{opacity:1}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;transition:border-color .2s}.stat-card:hover{border-color:var(--accent)}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--text)}.stat-value.accent{color:var(--accent)}.toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{flex:1 1;min-width:200px;padding:.65rem 1rem .65rem 2.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:.85rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-wrapper{position:relative;flex:1 1;min-width:200px}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none}.filter-select{padding:.65rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:.85rem;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--accent)}.btn-clear{padding:.65rem 1.25rem;background:transparent;border:1px solid rgba(232,54,78,.4);border-radius:8px;color:var(--accent-soft);font-family:var(--font-body);font-size:.8rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-clear:hover{background:rgba(232,54,78,.1);border-color:var(--accent)}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:var(--bg-card)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-surface)}thead th{padding:.85rem 1rem;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s}thead th:hover{color:var(--text)}thead th.sorted{color:var(--accent)}thead th .sort-arrow{margin-left:.35rem;font-size:.65rem}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-card-hover)}tbody td{padding:.85rem 1rem;font-size:.85rem;vertical-align:top}.td-description{max-width:350px;line-height:1.45}.td-montant{font-weight:500}.td-montant,.td-unitaire{font-family:var(--font-mono);white-space:nowrap}.td-qtt,.td-unitaire{color:var(--text-secondary)}.td-qtt{font-family:var(--font-mono);text-align:center}.td-date,.td-fournisseur{white-space:nowrap;color:var(--text-secondary);font-size:.8rem}.td-fournisseur{max-width:160px;overflow:hidden;text-overflow:ellipsis}.td-id{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.td-actions{text-align:center}.btn-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .15s;font-size:.9rem}.btn-delete:hover{color:var(--accent);background:var(--accent-glow)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state h3{font-family:var(--font-display);font-size:1.3rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:400}.empty-state p{font-size:.85rem}.loading-bar{height:3px;background:var(--accent-glow);border-radius:2px;overflow:hidden;margin-bottom:1.5rem}.loading-bar-inner{height:100%;background:var(--accent);width:30%;border-radius:2px;animation:loading 1.2s ease-in-out infinite}@keyframes loading{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(400%)}}@media (max-width:768px){.app{padding:1.25rem 1rem 3rem}.header-text h1{font-size:1.5rem}.stats-bar{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column;align-items:stretch}.search-wrapper{min-width:unset}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:3rem 2.5rem;text-align:center;max-width:380px;width:100%}.login-logo{width:56px;height:56px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.5rem;box-shadow:0 4px 24px var(--accent-glow)}.login-card h1,.login-logo{font-family:var(--font-display);font-size:1.75rem}.login-card h1{font-weight:400;margin-bottom:.5rem}.login-card h1 span{color:var(--accent)}.login-card>p{color:var(--text-secondary);font-size:.85rem;margin-bottom:2rem}.login-error{background:rgba(232,54,78,.1);border:1px solid rgba(232,54,78,.25);color:var(--accent-soft);padding:.75rem 1rem;border-radius:8px;font-size:.8rem;margin-bottom:1.5rem}.google-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;color:#333;border:1px solid #ddd;border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.google-btn:hover{background:#f7f7f7;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-user{margin-left:auto;display:flex;align-items:center;gap:.6rem;flex-shrink:0}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--border)}.user-name{font-size:.8rem;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout,.user-name{color:var(--text-secondary)}.btn-logout{padding:.4rem .75rem;background:transparent;border:1px solid var(--border);border-radius:6px;font-family:var(--font-body);font-size:.7rem;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:var(--accent);color:var(--accent-soft)}@media (max-width:768px){.header{flex-wrap:wrap}.header-user{width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.user-name{display:none}}