:root{--vert: #2C5F2D;--vert-dark: #1a3d1b;--vert-light: #3a7a3b;--lime: #84CC16;--lime-dark: #65a312;--noir: #0a0f0a;--noir-card: #111811;--gris-dark: #2a332a;--gris: #6b7c6b;--blanc: #e8f0e8;--rouge: #dc2626;--orange: #f59e0b;--bleu: #3b82f6;--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 6px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--noir);color:var(--blanc);font-family:var(--font-body);font-size:15px;min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--vert-dark);border-right:1px solid rgba(132,204,22,.15);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.main-content{margin-left:220px;flex:1;min-height:100vh}.page{padding:24px 20px;max-width:1100px}.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid rgba(132,204,22,.15)}.sidebar-logo .app-name{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--lime);letter-spacing:.05em}.sidebar-logo .app-sub{font-size:.7rem;color:var(--gris);margin-top:2px}.sidebar-nav{flex:1;padding:10px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);cursor:pointer;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.04em;color:var(--gris);border:none;background:transparent;width:100%;text-align:left;transition:all .15s;margin-bottom:2px}.nav-item:hover{background:#84cc1614;color:var(--blanc)}.nav-item.active{background:#84cc1626;color:var(--lime)}.nav-icon{font-size:1.1rem;width:22px;text-align:center}.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(132,204,22,.15)}.topbar{height:52px;background:#0a0f0af2;border-bottom:1px solid rgba(132,204,22,.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.topbar-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.06em;color:var(--blanc)}.topbar-user{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--gris)}.card{background:var(--noir-card);border:1px solid var(--gris-dark);border-radius:var(--radius-lg);padding:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:var(--lime);margin-bottom:14px;text-transform:uppercase}input,select,textarea{width:100%;background:#0006;border:1px solid var(--gris-dark);border-radius:var(--radius);color:var(--blanc);font-family:var(--font-body);font-size:.92rem;padding:10px 12px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#84cc1680}select option{background:var(--noir-card)}label{display:block;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--gris);margin-bottom:5px;text-transform:uppercase}.field{margin-bottom:14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius);font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.06em;cursor:pointer;border:none;transition:all .15s;text-transform:uppercase}.btn-primary{background:var(--lime);color:var(--noir)}.btn-primary:hover{background:var(--lime-dark)}.btn-secondary{background:#84cc161a;color:var(--lime);border:1px solid rgba(132,204,22,.3)}.btn-secondary:hover{background:#84cc1633}.btn-danger{background:#dc262626;color:#f87171;border:1px solid var(--rouge)}.btn-danger:hover{background:#dc262640}.btn-ghost{background:transparent;color:var(--gris);border:1px solid var(--gris-dark)}.btn-ghost:hover{color:var(--blanc);border-color:var(--gris)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:.78rem}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-vert{background:#2c5f2d66;color:var(--lime);border:1px solid rgba(132,204,22,.3)}.badge-gris{background:#6b7c6b33;color:var(--gris);border:1px solid var(--gris-dark)}.badge-rouge{background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.3)}.badge-orange{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-bleu{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.progress-bar{height:8px;background:var(--gris-dark);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--lime);border-radius:4px;transition:width .3s}.upload-zone{border:2px dashed var(--gris-dark);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--lime);background:#84cc160d}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:var(--radius);font-family:var(--font-display);font-size:.88rem;font-weight:600;animation:slideIn .2s ease}.toast-success{background:#2c5f2df2;border:1px solid var(--lime);color:var(--lime)}.toast-error{background:#dc2626e6;border:1px solid #f87171;color:#fff}.toast-info{background:#3b82f6e6;border:1px solid #93c5fd;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a3d1b 0%,var(--noir) 70%)}.login-box{width:100%;max-width:400px;background:var(--noir-card);border:1px solid var(--gris-dark);border-radius:var(--radius-lg);padding:36px 32px}.loader{display:flex;justify-content:center;padding:60px 0}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--gris-dark);border-top-color:var(--lime);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-thumb{width:100%;aspect-ratio:16/9;background:var(--gris-dark);border-radius:var(--radius);overflow:hidden;object-fit:cover}.video-thumb-placeholder{width:100%;aspect-ratio:16/9;background:var(--gris-dark);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:2rem}@media (max-width: 768px){.sidebar{width:60px}.sidebar-logo .app-name,.sidebar-logo .app-sub,.nav-item span{display:none}.main-content{margin-left:60px}.nav-item{justify-content:center}}