:root{--bg:#121212;--surface:#1E1E1E;--card:#151515;--muted:#B8B8B8;--text:#EAEAEA;--accent:#00B8A9;--success:#28C76F;--warning:#F6A623;--danger:#FF5C5C;--info:#7367F0;--border:rgba(255,255,255,.06);--state-neuf:#28C76F;--state-tres-bon:#00B8A9;--state-bon:#7367F0;--state-correct:#F6A623;--state-use:#FF9F43;--state-reparer:#FF5C5C}*{box-sizing:border-box;font-family:Poppins,system-ui,Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.container{max-width:1400px;margin:20px auto;padding:12px}.screen{margin-bottom:20px}.hidden{display:none!important}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:14px;border-radius:10px;margin:12px 0;border:1px solid var(--border)}.toolbar{display:flex;justify-content:space-between;align-items:center}.center-screen{display:flex;align-items:center;justify-content:center;min-height:70vh}#global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.loader-spinner{width:60px;height:60px;border:4px solid rgba(0,184,169,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}#global-loader p{margin-top:16px;color:var(--accent);font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.loading-mini{display:inline-block;color:var(--accent);animation:pulse 1.5s ease-in-out infinite}.loading-mini:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.network-error{background:#ff5c5c1a;border:1px solid var(--danger);padding:12px;border-radius:8px;margin:12px 0;color:var(--danger);text-align:center}.login-card{width:360px;text-align:center;padding:20px}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.logo{width:80px;height:80px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#00E1C9);display:flex;align-items:center;justify-content:center;color:#051018;font-weight:700;font-size:22px;box-shadow:0 6px 18px #00b8a999}.stack{display:flex;flex-direction:column;gap:10px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input,select,button,textarea{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text);outline:none;font-size:14px}input::placeholder,textarea::placeholder{color:#eaeaea73}.btn{cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--text);padding:8px 12px;border-radius:8px;transition:all .2s ease}.btn:hover:not(:disabled){background:#ffffff08;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(90deg,var(--accent),#00E1C9);color:#051018;border:0;box-shadow:0 6px 20px #00b8a91f;font-weight:600}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #00b8a929}.btn.subtle{background:transparent;border:0;color:var(--muted)}.btn.subtle:hover{color:var(--text)}.row{display:flex;gap:8px;align-items:center}.table-wrap{overflow:auto;max-height:600px;position:relative}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,.03);text-align:left;font-size:14px;color:var(--muted)}th{color:var(--text);font-weight:600;position:sticky;top:0;background:var(--card);z-index:10}tbody tr:hover{background:#00b8a908;cursor:pointer}.dashboard{display:flex;gap:16px}.sidebar{width:220px;min-height:60vh;padding:12px}.sidebar nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sidebar nav li{padding:10px;border-radius:8px;color:var(--muted);cursor:pointer;transition:all .2s ease}.sidebar nav li:hover{background:#00b8a90d;color:var(--accent)}.sidebar nav li.active{background:#00b8a914;color:var(--accent);font-weight:600}.main-area{flex:1;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px}.content{padding:8px 0}.dashboard-stats{padding:20px}.dashboard-stats h3{margin-bottom:16px;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#ffffff05;padding:20px;border-radius:12px;text-align:center;border:1px solid var(--border);transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card.green{border-color:#28c76f4d}.stat-card.green .stat-icon{color:var(--success)}.stat-card.red{border-color:#ff5c5c4d}.stat-card.red .stat-icon{color:var(--danger)}.stat-card.blue{border-color:#00b8a94d}.stat-card.blue .stat-icon{color:var(--accent)}.stat-card.purple{border-color:#7367f04d}.stat-card.purple .stat-icon{color:var(--info)}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{display:block;font-size:36px;font-weight:700;color:var(--text);margin:8px 0}.stat-label{display:block;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.categories-overview{margin-top:24px}.categories-overview h4{margin-bottom:12px;color:var(--text)}.chart-bars{display:flex;flex-direction:column;gap:8px}.chart-bar{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;background:#ffffff05}.chart-bar-label{min-width:120px;font-size:13px;color:var(--muted)}.chart-bar-fill{flex:1;height:24px;background:linear-gradient(90deg,var(--accent),rgba(0,184,169,.3));border-radius:4px;position:relative;overflow:hidden}.chart-bar-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#051018}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.admin-stat-card{background:#00b8a90f;padding:16px;border-radius:8px;text-align:center}.admin-stat-number{display:block;font-size:32px;font-weight:700;color:var(--accent)}.admin-stat-label{display:block;font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.neuf{background:#28c76f26;color:var(--state-neuf)}.badge.tres-bon{background:#00b8a926;color:var(--state-tres-bon)}.badge.bon{background:#7367f026;color:var(--state-bon)}.badge.correct{background:#f6a62326;color:var(--state-correct)}.badge.use{background:#ff9f4326;color:var(--state-use)}.badge.a-reparer{background:#ff5c5c26;color:var(--state-reparer)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 22px 60px #0009}.modal-body{padding:16px}.quick-actions{display:flex;gap:12px;margin:16px 0;padding:16px;background:#ffffff05;border-radius:8px}.btn-entry{background:linear-gradient(90deg,var(--success),#20b35d);color:#fff;border:0;flex:1;padding:12px}.btn-entry:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #28c76f4d}.btn-exit{background:linear-gradient(90deg,var(--danger),#ff4040);color:#fff;border:0;flex:1;padding:12px}.btn-exit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff5c5c4d}.movements-list{max-height:300px;overflow:auto;margin:12px 0}.movement-item{padding:10px;border-left:3px solid var(--border);margin-bottom:8px;background:#ffffff05;border-radius:4px}.movement-item.reception{border-left-color:var(--success)}.movement-item.sortie{border-left-color:var(--danger)}.movement-item.ajustement{border-left-color:var(--warning)}.movement-date{font-size:11px;color:var(--muted)}.movement-details{font-size:13px;margin-top:4px}.report-controls{display:flex;gap:12px;margin-bottom:16px}.report-container{padding:16px;background:#ffffff05;border-radius:8px;min-height:200px}.backup-section{padding:16px;margin:12px 0;background:#ffffff05;border-radius:8px}.backup-section h4{margin-bottom:8px;color:var(--text)}#toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 20px;border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:12px;min-width:280px;animation:slideIn .3s ease;color:#fff}.toast.success{background:linear-gradient(90deg,var(--success),#20b35d)}.toast.error{background:linear-gradient(90deg,var(--danger),#ff4040)}.toast.info{background:linear-gradient(90deg,var(--accent),#00d1bf)}.toast.warning{background:linear-gradient(90deg,var(--warning),#ff9f43)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.pre{white-space:pre-wrap;font-family:monospace;font-size:13px;max-height:400px;overflow:auto}.error{color:var(--danger);font-weight:600}#users-list{list-style:none;padding:0;margin:8px 0}#users-list li{padding:8px;border-bottom:1px dashed rgba(255,255,255,.03)}.filters{display:flex;gap:8px}.filters input{min-width:200px}.filters select{min-width:150px}@media(max-width:900px){.dashboard{flex-direction:column}.sidebar{width:100%;display:flex;overflow:auto}.sidebar nav ul{flex-direction:row}.sidebar nav li{white-space:nowrap}.login-card{width:92%}.stats-grid{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters input,.filters select{min-width:100%}.modal-content{width:95%;max-width:none}}