:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #00C897;--primary-dark: #00997a;--primary-light: rgba(0, 200, 151, .15);--bg-dark: #0A0A0A;--bg-darker: #121212;--bg-card: #1A1A1A;--text: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #666666;--border: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text);line-height:1.5;overflow-x:hidden}.welcome{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#151515)}.blob-1{width:400px;height:400px;background:#00c89740;top:-100px;right:-100px;animation-duration:20s}.navbar.scrolled{background:#0a0a0acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px}.btn{padding:10px 20px;border-radius:40px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-primary{background:var(--primary);color:#000;font-weight:600}.btn-secondary{background:#ffffff08;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:#ffffff14;transform:translateY(-2px)}.btn-large{padding:14px 28px;font-size:16px}.btn-icon{width:20px;height:20px;transition:transform .3s ease}.btn-primary:hover .btn-icon{transform:translate(5px)}.main{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:100px 24px 80px}.main-container{max-width:1280px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.content-left{max-width:600px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass);border:1px solid var(--border);border-radius:40px;font-size:14px;color:var(--text-secondary);margin-bottom:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s infinite}.title{font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.highlight{color:var(--primary);position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:12px;background:#00c89733;border-radius:6px;z-index:-1}.description{font-size:18px;color:var(--text-secondary);margin-bottom:32px;line-height:1.8;max-width:500px}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}.stats{display:flex;align-items:center;gap:24px;padding:20px 32px;background:#ffffff05;border:1px solid var(--border);border-radius:60px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:fit-content}.stat-item{text-align:center}.stat-number{display:block;font-size:28px;font-weight:700;color:var(--primary);line-height:1.2}.stat-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:30px;background:var(--border)}.content-right{position:relative;display:flex;justify-content:center;align-items:center}.slider-container{position:relative;width:100%;max-width:500px;aspect-ratio:4/5;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px #00000080}.slider-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;border-radius:30px}.slider-image.active{opacity:1}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20;padding:8px 12px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:all .3s ease}.dot.active{width:24px;background:var(--primary);border-radius:4px}.dot:hover{background:#ffffff80}.footer{position:relative;z-index:10;padding:24px;border-top:1px solid var(--border);background:#0a0a0acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:1024px){.main-container{grid-template-columns:1fr;gap:50px;text-align:center}.content-left{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.description{max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.stats{margin:0 auto}}@media(max-width:768px){.navbar{padding:12px 20px}.logo-text{font-size:18px}.logo-img{width:32px;height:32px}.btn{padding:8px 16px;font-size:14px}.title{font-size:36px}.description{font-size:16px}.slider-container{max-width:400px}}@media(max-width:600px){.navbar{padding:10px 16px}.logo-text{font-size:16px}.btn{padding:6px 12px;font-size:13px}.title{font-size:28px}.description{font-size:15px}.stats{padding:16px 24px;gap:16px}.stat-number{font-size:20px}.slider-container{max-width:300px}.footer-container{flex-direction:column;text-align:center;gap:12px}.footer-links{gap:16px}}.code-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.code-modal-container{background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px;max-width:440px;width:100%;box-shadow:0 20px 60px #000c;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.code-modal-header{text-align:center;margin-bottom:24px}.code-modal-icon{font-size:48px;margin-bottom:12px;display:block}.code-modal-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.code-modal-subtitle{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0}.code-modal-error{display:flex;align-items:center;gap:8px;background:#ef444426;border:1px solid #EF4444;padding:12px 16px;border-radius:12px;color:#ef4444;font-size:14px;margin-bottom:16px}.code-error-icon{font-size:16px}.code-modal-form{display:flex;flex-direction:column;gap:16px}.code-modal-group{display:flex;flex-direction:column;gap:6px}.code-modal-label{color:#a0a0a0;font-size:14px;font-weight:500}.code-required{color:#ef4444}.code-modal-input{width:100%;padding:14px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:18px;text-align:center;letter-spacing:6px;outline:none;transition:border-color .3s ease}.code-modal-input:focus{border-color:#00c897}.code-modal-input:disabled{opacity:.5;cursor:not-allowed}.code-modal-btn{width:100%;padding:14px;border-radius:12px;background:#00c897;color:#000;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.code-modal-btn:hover:not(.disabled){background:#00997a;transform:translateY(-2px);box-shadow:0 8px 20px #00c8974d}.code-modal-btn.disabled{background:#555;color:#888;cursor:not-allowed;transform:none;box-shadow:none}.code-loader{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.code-modal-help{display:flex;align-items:center;justify-content:center;gap:8px;background:#00c8971a;padding:12px 16px;border-radius:12px;margin-top:4px}.code-help-icon{font-size:14px;color:#a0a0a0}.code-modal-help span:last-child{color:#a0a0a0;font-size:13px}@media(max-width:600px){.code-modal-container{padding:20px;margin:10px}.code-modal-title{font-size:20px}.code-modal-input{font-size:16px;letter-spacing:4px}}:root{--primary: #00C897;--primary-dark: #00997a;--primary-light: rgba(0, 200, 151, .15);--bg-dark: #0A0A0A;--bg-darker: #121212;--bg-card: #1A1A1A;--text: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #666666;--border: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .03)}.legal-page{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#0a0a0a,#151515)}.blob{position:fixed;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;animation:float 20s infinite ease-in-out}.blob-1{width:400px;height:400px;background:#00c89740;top:-100px;right:-100px}.blob-2{width:300px;height:300px;background:#6464ff33;bottom:-50px;left:-50px;animation-duration:15s;animation-direction:reverse}.blob-3{width:200px;height:200px;background:#ffc86433;bottom:30%;right:20%;animation-duration:12s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;transition:all .3s ease}.navbar.scrolled{background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-img{width:45px;height:45px;object-fit:contain}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,#fff,#00c897);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-buttons{display:flex;gap:12px}.btn{padding:10px 20px;border-radius:40px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #00c8974d}.btn-block{width:100%;padding:14px;font-size:16px}.legal-main{position:relative;z-index:10;padding:120px 24px 80px;min-height:100vh}.legal-container{max-width:1000px;margin:0 auto}.legal-header{margin-bottom:40px;text-align:center}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;margin-bottom:20px;font-size:14px;transition:color .3s ease}.back-link:hover{color:var(--primary)}.legal-title{font-size:48px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-date{color:var(--text-muted);font-size:14px}.legal-content{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legal-content section{margin-bottom:32px}.legal-content h2{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--primary)}.legal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.legal-content ul{margin:12px 0 12px 24px;color:var(--text-secondary);line-height:1.6}.legal-content li{margin-bottom:8px}.contact-info{background:#0000004d;padding:20px;border-radius:12px;margin-top:16px}.contact-info p{margin-bottom:8px}.contact-info a{color:var(--primary);text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-container{max-width:1200px}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin-bottom:60px}.contact-info-card,.contact-form-card{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-info-card h2,.contact-form-card h2{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--primary)}.contact-method{display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.contact-method:last-child{border-bottom:none;padding-bottom:0}.contact-icon{width:48px;height:48px;background:#00c8971a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.contact-method h3{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text)}.contact-method a{color:var(--primary);text-decoration:none;font-size:14px}.contact-method a:hover{text-decoration:underline}.contact-detail{font-size:12px;color:var(--text-muted);margin-top:4px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#00000080;border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00c89733}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px;margin-bottom:20px;color:#ef4444;font-size:14px;text-align:center}.success-message{text-align:center;padding:40px 20px}.success-icon{font-size:64px;margin-bottom:20px}.success-message h3{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--primary)}.success-message p{color:var(--text-secondary);margin-bottom:24px}.faq-section{background:var(--glass);border:1px solid var(--border);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-section h2{font-size:28px;font-weight:700;text-align:center;margin-bottom:32px;color:var(--primary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.faq-item{background:#0000004d;padding:20px;border-radius:16px;transition:transform .3s ease}.faq-item:hover{transform:translateY(-4px)}.faq-item h3{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--primary)}.faq-item p{font-size:14px;color:var(--text-secondary);line-height:1.5}.footer{position:relative;z-index:10;padding:24px;border-top:1px solid var(--border);background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.copyright{color:var(--text-muted);font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:30px}.legal-title{font-size:40px}.legal-content{padding:30px}}@media(max-width:768px){.legal-main{padding:100px 16px 60px}.legal-title{font-size:32px}.legal-content{padding:24px}.legal-content h2{font-size:20px}.contact-info-card,.contact-form-card,.faq-section{padding:24px}.faq-grid{grid-template-columns:1fr}.footer-container{flex-direction:column;text-align:center}.footer-links{gap:16px}}@media(max-width:480px){.navbar{padding:10px 16px}.logo-text{font-size:16px}.logo-img{width:32px;height:32px}.btn{padding:6px 12px;font-size:13px}.legal-title{font-size:28px}.legal-content{padding:20px}.legal-content h2{font-size:18px}.contact-method{gap:12px}.contact-icon{width:40px;height:40px;font-size:20px}}.chauffeur-dashboard{min-height:100vh;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.chauffeur-loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0d0d}.loading-text{margin-top:16px;font-size:14px;color:#00c897}.chauffeur-no-bus{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0d0d;padding:20px}.no-bus-title{font-size:20px;font-weight:700;color:#fff;margin-top:20px;margin-bottom:8px}.no-bus-text{font-size:14px;color:#888;margin-bottom:24px;text-align:center}.chauffeur-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-bottom:1px solid #2A2A2A;position:sticky;top:0;z-index:100}.logout-header-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.logout-header-btn:hover{background:#ef444433;border-color:#ef4444}.header-title{font-size:20px;font-weight:700;color:#fff}.header-subtitle{font-size:12px;margin-top:4px}.header-subtitle.active{color:#10b981}.header-subtitle.inactive{color:#888}.header-actions{min-width:100px}.tracking-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.tracking-active{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.tracking-active:hover{background:#ef444433}.tracking-inactive{background:#00c897;color:#fff}.tracking-inactive:hover{background:#00997a;transform:translateY(-1px)}.chauffeur-content{max-width:600px;margin:0 auto;padding:24px 20px}.welcome-section{text-align:center;margin-bottom:24px}.welcome-text{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.info-text{font-size:14px;color:#888}.bus-info-card{display:flex;align-items:center;gap:16px;background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;padding:20px;margin-bottom:20px}.bus-info-icon{width:56px;height:56px;background:#00c8971a;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:28px}.bus-info-details h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.bus-info-details p{font-size:12px;color:#888}.location-card{background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;padding:20px;margin-bottom:20px}.location-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #2A2A2A;color:#10b981;font-weight:500}.location-coords{font-size:14px;color:#fff;margin-bottom:8px;font-family:monospace}.location-speed{font-size:13px;color:#888;margin-bottom:4px}.location-time{font-size:12px;color:#666;margin-bottom:4px}.location-updates{font-size:12px;color:#00c897}.geolocation-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}.geolocation-error p{color:#ef4444;font-size:14px;margin-bottom:12px}.retry-btn{padding:8px 20px;background:#ef444433;border:1px solid #EF4444;border-radius:6px;color:#ef4444;font-size:13px;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#ef44444d}.actions-card{background:#1a1a1a;border:1px solid #2A2A2A;border-radius:16px;padding:20px;margin-bottom:20px}.actions-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px}.actions-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.share-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.share-btn:hover{background:#3b82f633;transform:translateY(-1px)}.start-btn{background:#00c897;color:#fff}.start-btn:hover{background:#00997a;transform:translateY(-1px)}.stop-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.stop-btn:hover{background:#ef444433}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:40px;background:#0d0d0d;border:1px solid #2A2A2A}.status-active{border-color:#10b981}.status-inactive{border-color:#2a2a2a}.dot-active{background:#10b981;box-shadow:0 0 8px #10b98180;animation:pulse 2s infinite}.dot-inactive{background:#888}.status-text{font-size:14px;color:#fff}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media(max-width:768px){.chauffeur-header{padding:12px 16px}.logout-header-btn span{display:none}.logout-header-btn{padding:8px}.tracking-btn span{display:none}.tracking-btn{padding:8px}.header-title{font-size:16px}.welcome-text{font-size:24px}.chauffeur-content{padding:20px 16px}.actions-buttons{gap:10px}.action-btn{padding:12px 16px;font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bus-info-card,.location-card,.actions-card,.status-card{animation:fadeInUp .3s ease-out}:root{--primary: #00C897;--primary-dark: #00997a;--primary-light: rgba(0, 200, 151, .1);--bg-dark: #0D0D0D;--bg-darker: #1A1A1A;--bg-light: #2A2A2A;--text-primary: #FFFFFF;--text-secondary: #888888;--text-muted: #AAAAAA;--error: #FF6B6B;--success: #00C897;--border-color: #2A2A2A;--border-radius: 12px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}.offline-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:12px 20px;z-index:1000;box-shadow:0 2px 10px #0000001a}.offline-banner-content{display:flex;align-items:center;gap:15px;max-width:1200px;margin:0 auto}.offline-icon{font-size:24px}.pending-badge{background:#fff3;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.sync-status-bar{position:fixed;bottom:20px;right:20px;background:#2c3e50;color:#fff;padding:12px 20px;border-radius:8px;z-index:1000;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sync-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.register-offline-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:12px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-dark);color:var(--text-primary)}.register-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.register-container{width:100%;max-width:1200px;margin:0 auto}.register-card{background:#1a1a1a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.register-account-card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.register-account-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.register-account-card:hover:before{opacity:1}.register-account-icon svg{transition:transform .3s ease}.register-account-card:hover .register-account-icon svg{transform:scale(1.05)}.register-account-selected .register-account-icon svg{filter:drop-shadow(0 0 8px currentColor)}.register-pre-badge{margin-top:8px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.5px}.register-title{font-size:clamp(24px,5vw,36px);font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary) 0%,#00E6A0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-subtitle{color:var(--text-secondary);font-size:clamp(14px,4vw,16px)}.register-error-message,.register-success-message{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-size:14px;border-left-width:4px;border-left-style:solid}.register-error-message{background-color:#ff6b6b1a;border-left-color:var(--error);color:var(--error)}.register-success-message{background-color:#00c8971a;border-left-color:var(--success);color:var(--success)}.register-section-title{font-size:18px;font-weight:500;text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.register-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(max-width:480px){.register-account-grid{grid-template-columns:1fr}}.register-account-card{background:linear-gradient(145deg,var(--bg-dark) 0%,var(--bg-darker) 100%);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);cursor:pointer;transition:all .3s ease}.register-account-card:hover{transform:translateY(-2px);border-color:var(--primary)}.register-account-selected{border-color:var(--primary);background:var(--primary-light)}.register-account-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.register-account-icon{font-size:36px}.register-account-label{font-size:14px;font-weight:600;color:var(--text-primary)}.register-account-description{font-size:11px;color:var(--text-secondary)}.register-pre-badge{display:inline-block;padding:4px 8px;background:var(--primary-light);color:var(--primary);font-size:10px;border-radius:12px}.register-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.register-footer-text{color:var(--text-secondary);font-size:14px}.register-footer-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.register-footer-link:hover{text-decoration:underline;color:var(--primary-dark)}.register-modal-overlay{position:fixed;inset:0;background-color:#000000f2;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.register-modal-content{position:relative;background:linear-gradient(145deg,var(--bg-darker) 0%,var(--bg-dark) 100%);border-radius:24px;padding:var(--spacing-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080}.register-modal-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:10}.register-modal-close:hover{background:#ffffff1a;color:var(--primary)}.register-modal-header{text-align:center;margin-bottom:var(--spacing-lg);padding-right:40px}.register-modal-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.register-modal-title{font-size:24px;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary) 0%,#00E6A0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-modal-subtitle{color:var(--text-secondary);font-size:14px}.register-modal-body,.register-form-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.register-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}@media(max-width:480px){.register-grid-2{grid-template-columns:1fr}}.register-flex{display:flex;gap:var(--spacing-sm)}@media(max-width:480px){.register-flex{flex-direction:column}}.register-input-wrapper{margin-bottom:var(--spacing-sm)}.register-label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.register-required{color:var(--error);margin-left:2px}.register-input,.register-select,.register-password-input{width:100%;padding:12px;background-color:var(--bg-dark);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.register-input:focus,.register-select:focus,.register-password-input:focus{outline:none;border-color:var(--primary)}.register-input:disabled,.register-select:disabled{opacity:.6;cursor:not-allowed}.register-password-container{position:relative;width:100%}.register-password-input{padding-right:45px}.register-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px}.register-password-toggle:hover{color:var(--primary)}.register-helper-text{font-size:11px;color:var(--text-secondary);margin-top:4px}.register-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.register-button{padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.register-button-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.register-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00c8974d}.register-button-secondary{background:var(--bg-light);color:#fff;border:1px solid var(--border-color)}.register-button-secondary:hover:not(:disabled){background:#3a3a3a}.register-button-danger{background:var(--error);color:#fff}.register-button-danger:hover:not(:disabled){background:#ff5252}.register-button-full{width:100%}.register-button:disabled{opacity:.6;cursor:not-allowed}.register-button-loading{position:relative;color:transparent}.register-button-success{background:var(--success)}.register-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:6px}.register-alert{padding:12px;border-radius:8px;margin-bottom:var(--spacing-md);font-size:13px;border-left-width:4px;border-left-style:solid}.register-alert-error{background-color:#ff6b6b1a;border-left-color:var(--error);color:var(--error)}.register-alert-success{background-color:#00c8971a;border-left-color:var(--success);color:var(--success)}.register-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin:var(--spacing-sm) 0}.register-checkbox-container{position:relative;flex-shrink:0}.register-checkbox-input{position:absolute;opacity:0;width:0;height:0}.register-checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.register-checkbox-custom:hover{border-color:var(--primary)}.register-checkbox-checked{background-color:var(--primary);border-color:var(--primary)}.register-checkbox-disabled{opacity:.5;cursor:not-allowed}.register-checkbox-icon{color:#fff;font-size:14px}.register-checkbox-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.register-link{color:var(--primary);text-decoration:none;transition:color .2s}.register-link:hover{text-decoration:underline}.register-info-card{background-color:var(--bg-dark);border-radius:8px;padding:var(--spacing-sm);border:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.register-info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.register-info-item:last-child{border-bottom:none}.register-info-label{color:var(--text-secondary);font-size:13px}.register-info-value{font-weight:600;color:var(--primary);font-size:13px}.register-help-text{background-color:var(--primary-light);border-radius:8px;padding:var(--spacing-sm);font-size:12px;color:var(--text-secondary);text-align:center;border:1px solid rgba(0,200,151,.2)}.register-step-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:var(--spacing-lg)}.register-step-dot{height:4px;border-radius:2px;background-color:var(--border-color);transition:all .3s ease}.register-step-active{background-color:var(--primary)}.register-scrollable{max-height:400px;overflow-y:auto;padding-right:4px}.register-scrollable::-webkit-scrollbar{width:4px}.register-scrollable::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:2px}.register-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.register-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.register-matieres-grid{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background-color:var(--bg-dark);border-radius:8px;max-height:120px;overflow-y:auto}.register-matiere-tag{padding:6px 10px;border-radius:20px;background-color:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;font-size:11px;transition:all .2s;white-space:nowrap}.register-matiere-tag:hover{border-color:var(--primary)}.register-matiere-selected{background-color:var(--primary);color:#fff;border-color:var(--primary)}.register-ecoles-grid{display:flex;flex-direction:column;gap:6px;padding:8px;background-color:var(--bg-dark);border-radius:8px;max-height:120px;overflow-y:auto}.register-ecole-card{padding:10px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.register-ecole-card:hover{border-color:var(--primary)}.register-ecole-selected{background-color:var(--primary-light);border-color:var(--primary)}.register-ecole-nom{font-size:12px;font-weight:500}.register-document-uploader{margin-bottom:var(--spacing-md)}.register-document-title{font-size:14px;margin-bottom:8px;color:var(--text-primary)}.register-file-input{display:none}.register-upload-button{width:100%;padding:12px;background-color:var(--bg-dark);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:all .2s}.register-upload-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.register-upload-button:disabled{opacity:.5;cursor:not-allowed}.register-logo-preview{position:relative;width:100px;height:100px;margin:0 auto}.register-logo-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.register-document-preview{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:var(--bg-dark);border-radius:6px}.register-document-name{font-size:12px;color:var(--text-primary)}.register-delete-button{width:24px;height:24px;border-radius:50%;background-color:var(--error);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background-color .2s}.register-delete-button:hover{background-color:#ff5252}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-slideIn{animation:slideIn .3s ease}.frais-management-container{flex:1;min-height:100vh;padding:20px;background-color:#0d0d0d;width:100%;max-width:100%;box-sizing:border-box}.tab-container{display:flex;background-color:#1a1a1a;border-radius:12px;padding:4px;margin-bottom:16px;border:1px solid #2A2A2A}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:all .2s}.tab-active{background-color:#00c89720}.tab-text{font-size:13px;color:#888}.tab-text-active{color:#00c897;font-weight:500}.tab-badge{padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;color:#fff;font-size:10px;font-weight:700}.stats-container{display:flex;gap:8px;margin-bottom:20px}.stat-card{flex:1;background-color:#1a1a1a;border-radius:12px;padding:12px;text-align:center;border:1px solid #2A2A2A}.stat-value{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{font-size:11px;color:#888}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px}.title{font-size:20px;font-weight:700;color:#fff;margin:0}.add-button{width:auto;min-width:140px;height:48px;padding:0 24px;border-radius:12px;background:linear-gradient(135deg,#00c897,#00a87d);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #00c8974d;flex-shrink:0;position:relative;overflow:hidden}.add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.add-button:hover:before{left:100%}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00c89766;background:linear-gradient(135deg,#00e0a8,#00b884)}.add-button:active{transform:translateY(0)}.add-button svg{stroke:#fff;stroke-width:2;width:20px;height:20px}.add-button span{font-size:14px;font-weight:600;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.loader-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px;text-align:center;background-color:#1a1a1a;border-radius:12px;border:1px solid #2A2A2A}.empty-title{font-size:18px;font-weight:700;color:#fff;margin-top:16px;margin-bottom:8px}.empty-text{font-size:14px;color:#888;text-align:center;margin-bottom:20px;max-width:300px}.empty-button{background:linear-gradient(135deg,#00c897,#00a87d);padding:12px 28px;border-radius:8px;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00c8974d;display:inline-flex;align-items:center;gap:8px}.empty-button:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00c89766;background:linear-gradient(135deg,#00e0a8,#00b884)}.list-container{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.frais-card{background-color:#1a1a1a;border-radius:12px;padding:16px;border:1px solid #2A2A2A;transition:all .2s}.frais-card:hover{border-color:#00c897;transform:translateY(-2px)}.frais-card-inactif{opacity:.6}.frais-header{display:flex;align-items:center;margin-bottom:12px}.frais-icon{width:40px;height:40px;border-radius:8px;background-color:#00c89720;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.frais-info{flex:1}.frais-nom{font-size:16px;font-weight:600;color:#fff;margin:0 0 2px}.frais-montant{font-size:14px;color:#00c897;font-weight:500;margin:0}.frais-badge{padding:4px 8px;border-radius:12px;flex-shrink:0}.badge-actif{background-color:#10b981}.badge-expire{background-color:#f59e0b}.badge-inactif{background-color:#ef4444}.frais-badge span{font-size:11px;color:#fff;font-weight:500}.frais-details{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.frais-classe,.frais-type{font-size:12px;color:#888;background-color:#0d0d0d;padding:4px 8px;border-radius:12px}.frais-obligatoire{font-size:12px;color:#f59e0b;background-color:#f59e0b1a;padding:4px 8px;border-radius:12px}.frais-description{font-size:13px;color:#888;margin-bottom:12px;line-height:1.4}.frais-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2A2A2A;padding-top:12px}.frais-echeance{font-size:12px;color:#888}.frais-actions{display:flex;gap:12px}.frais-action{background:transparent;border:none;padding:4px;cursor:pointer;transition:transform .2s}.frais-action:hover{transform:scale(1.1)}.caissier-card{background-color:#1a1a1a;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #2A2A2A;transition:all .2s}.caissier-card:hover{border-color:#00c897;transform:translateY(-2px)}.caissier-card-pending{border-left-width:4px;border-left-color:#f59e0b}.caissier-header{display:flex;align-items:center;margin-bottom:12px}.caissier-avatar{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.avatar-active{background:linear-gradient(135deg,#10b981,#059669)}.avatar-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.caissier-avatar span{font-size:16px;font-weight:700;color:#fff}.caissier-info{flex:1}.caissier-nom{font-size:16px;font-weight:600;color:#fff;margin:0 0 2px}.caissier-matricule{font-size:12px;color:#888;margin:0}.caissier-status-badge{padding:4px 8px;border-radius:12px;flex-shrink:0}.status-active{background-color:#10b98120}.status-pending{background-color:#f59e0b20}.caissier-status-badge span{font-size:11px;font-weight:600}.status-active span{color:#10b981}.status-pending span{color:#f59e0b}.caissier-code-container{background-color:#00c89720;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid #00C897}.caissier-code-label{font-size:12px;color:#888;margin:0 0 4px}.caissier-code-value{font-size:18px;font-weight:700;color:#00c897;letter-spacing:2px;margin:0;font-family:monospace}.caissier-code-expire{font-size:11px;color:#f59e0b;margin:4px 0 0}.caissier-details{margin-bottom:12px}.caissier-detail{font-size:13px;color:#888;margin:0 0 4px}.caissier-date{font-size:11px;color:#666;margin:0}.caissier-actions{display:flex;justify-content:flex-end;border-top:1px solid #2A2A2A;padding-top:12px}.caissier-action{background:transparent;border:none;padding:8px;cursor:pointer;transition:transform .2s}.caissier-action:hover{transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background-color:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background-color:#1a1a1a;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;border:1px solid #2A2A2A;box-shadow:0 20px 40px #0006;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #2A2A2A}.modal-title{font-size:20px;font-weight:700;color:#fff;margin:0}.close-button{background:transparent;border:none;cursor:pointer;padding:4px;transition:transform .2s}.close-button:hover{transform:scale(1.1)}.modal-body{padding-bottom:20px}.modal-footer{display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #2A2A2A}.form-group{margin-bottom:20px}.row{display:flex;gap:12px}.half{flex:1}.label{display:block;font-size:13px;font-weight:500;color:#888;margin-bottom:8px}.input{width:100%;padding:12px;background-color:#0d0d0d;border:1px solid #2A2A2A;border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.input:focus{outline:none;border-color:#00c897;box-shadow:0 0 0 2px #00c89733}.textarea{resize:vertical;min-height:80px;font-family:inherit}.type-container{display:flex;flex-wrap:wrap;gap:8px}.type-chip{padding:8px 16px;border-radius:20px;background-color:#0d0d0d;border:1px solid #2A2A2A;cursor:pointer;transition:all .2s}.type-chip:hover{border-color:#00c897;transform:translateY(-1px)}.type-chip-selected{background:linear-gradient(135deg,#00c897,#00997a);border-color:#00c897}.type-text{font-size:13px;color:#888}.type-text-selected{color:#fff}.options-container{margin-top:8px}.option{display:flex;align-items:center;margin-bottom:12px;background:transparent;border:none;cursor:pointer;width:100%;padding:4px 0}.checkbox{width:20px;height:20px;border-radius:4px;border:2px solid #00C897;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .2s}.checkbox-checked{background-color:#00c897}.option-label{font-size:14px;color:#fff;cursor:pointer}.info-box{display:flex;background-color:#3b82f610;border-radius:8px;padding:12px;margin-top:16px;margin-bottom:8px;gap:12px;border:1px solid rgba(59,130,246,.1875)}.info-text{flex:1;font-size:13px;color:#888;line-height:1.4;margin:0}.cancel-button{flex:1;padding:12px;border-radius:8px;border:1px solid #2A2A2A;background:transparent;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background-color:#ffffff0d;color:#fff;border-color:#00c897}.submit-button{flex:1;padding:12px;border-radius:8px;background:linear-gradient(135deg,#00c897,#00997a);border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00c89733}.submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00c8974d;background:linear-gradient(135deg,#00e0a8,#00b084)}.submit-button:active{transform:translateY(0)}.submit-button-disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.modal-container::-webkit-scrollbar-thumb{background:#00c897;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#00997a}.assign-students-container{min-height:100vh;background-color:#0d0d0d;padding-bottom:20px}.assign-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.back-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:background .2s}.back-button:hover{background:#ffffff1a}.header-info{text-align:center}.header-title{font-size:18px;font-weight:700;color:#fff;margin:0}.header-subtitle{font-size:12px;color:#fffc;margin-top:2px}.placeholder{width:40px}.capacity-container{background-color:#1a1a1a;margin:16px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.capacity-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.capacity-title{font-size:14px;font-weight:600;color:#fff;margin:0}.progress-bar{height:8px;background-color:#0d0d0d;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:#00c897;border-radius:4px;transition:width .3s ease}.capacity-text{font-size:12px;color:#888;text-align:right;margin:0}.tabs{display:flex;margin:0 16px 16px;background-color:#1a1a1a;border-radius:8px;padding:4px}.tab{flex:1;padding:10px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.tab-active{background-color:#00c897}.tab-text{font-size:14px;font-weight:500;color:#888}.tab-text-active{color:#fff}.search-container{display:flex;align-items:center;background-color:#0d0d0d;border-radius:8px;padding:0 12px;margin:0 16px 16px;border:1px solid rgba(255,255,255,.08)}.search-input{flex:1;padding:12px 8px;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.search-input::placeholder{color:#888}.search-clear{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.search-clear:hover{background:#ffffff1a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}.loader{width:48px;height:48px;border:3px solid rgba(0,200,151,.2);border-top-color:#00c897;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:14px;color:#888}.students-list{padding:0 16px;display:flex;flex-direction:column;gap:8px}.student-card{display:flex;align-items:center;background-color:#1a1a1a;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s}.student-card:hover{background-color:#252525;transform:translate(2px)}.assigned-card{border-left-width:3px;border-left-color:#10b981}.student-avatar{width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.student-avatar span{font-size:16px;font-weight:700;color:#fff}.student-info{flex:1}.student-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px}.student-details{font-size:11px;color:#888;margin:0}.assign-button,.remove-button{padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-title{font-size:16px;font-weight:600;color:#fff;margin-top:12px;margin-bottom:4px}.empty-text{font-size:13px;color:#888;text-align:center}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{max-width:400px;width:100%;background-color:#1a1a1a;border-radius:16px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.08);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icon{width:80px;height:80px;border-radius:40px;background-color:#00c89720;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.modal-message{font-size:14px;color:#888;margin-bottom:20px;line-height:1.5}.modal-buttons{display:flex;gap:12px}.modal-cancel-button,.modal-confirm-button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-cancel-button{background-color:#0d0d0d;color:#888;border:1px solid rgba(255,255,255,.08)}.modal-cancel-button:hover{background-color:#1a1a1a}.modal-confirm-button{background-color:#00c897;color:#fff}.modal-confirm-button:hover{background-color:#00997a;transform:translateY(-1px)}.students-list::-webkit-scrollbar{width:8px}.students-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.students-list::-webkit-scrollbar-thumb{background:#00c897;border-radius:4px}.students-list::-webkit-scrollbar-thumb:hover{background:#00997a}@media(max-width:480px){.modal-container{margin:0 16px}.student-card{padding:10px}.student-avatar{width:40px;height:40px}.student-avatar span{font-size:14px}.student-name{font-size:13px}.student-details{font-size:10px}}.annonces-container{display:flex;flex-direction:column;gap:20px;width:100%}.annonces-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #2A2A2A)}.annonces-title-wrapper{display:flex;align-items:center;gap:12px}.annonces-title{font-size:18px;font-weight:600;margin:0;color:var(--text-primary, #FFFFFF)}.title-icon{font-size:22px}.annonces-count-badge{background:var(--primary, #00C897);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.annonces-filters{display:flex;gap:6px;background:var(--bg-darker, #1A1A1A);padding:4px;border-radius:10px;border:1px solid var(--border-color, #2A2A2A)}.filter-btn{padding:6px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #888888);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.filter-btn:hover{color:var(--text-primary, #FFFFFF);background:#ffffff0d}.filter-btn.active{background:var(--primary, #00C897);color:#fff}.annonces-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.annonce-card{background:var(--bg-darker, #1A1A1A);border-radius:14px;padding:18px;border:1px solid var(--border-color, #2A2A2A);transition:all .25s ease;display:flex;flex-direction:column;gap:10px;animation:fadeInUp .3s ease forwards;opacity:0;transform:translateY(10px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.annonce-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;border-color:var(--primary, #00C897)}.annonce-card.urgent-card{border-left:3px solid #EF4444}.annonce-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;width:fit-content;font-size:11px;font-weight:600}.type-icon,.type-text{font-size:11px}.annonce-date{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary, #888888)}.date-icon{font-size:11px}.annonce-titre{font-size:16px;font-weight:600;margin:0;line-height:1.4;color:var(--text-primary, #FFFFFF)}.annonce-contenu{color:var(--text-secondary, #888888);font-size:13px;line-height:1.5;margin:0;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.annonce-piece-jointe{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-dark, #0D0D0D);border-radius:8px;border:1px solid var(--border-color, #2A2A2A);margin-top:4px;flex-wrap:wrap}.pj-icon{font-size:13px}.pj-nom{flex:1;font-size:11px;color:var(--text-secondary, #888888);word-break:break-all}.pj-download{padding:5px 12px;background:var(--primary, #00C897);border:none;border-radius:6px;color:#fff;font-size:11px;cursor:pointer;transition:all .2s}.pj-download:hover{background:var(--primary-dark, #00997a);transform:scale(1.02)}.annonce-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;border-top:1px solid var(--border-color, #2A2A2A)}.annonce-auteur{display:flex;align-items:center;gap:8px}.auteur-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary, #00C897) 0%,var(--primary-dark, #00997a) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:12px}.auteur-nom{font-size:12px;font-weight:500;color:var(--text-secondary, #888888)}.annonce-stats{display:flex;gap:10px}.stat{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary, #888888)}.stat-icon{font-size:11px}.see-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;margin-top:12px;background:transparent;border:1px solid var(--border-color, #2A2A2A);border-radius:10px;color:var(--primary, #00C897);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content;align-self:center}.see-all-btn:hover{background:#00c89714;border-color:var(--primary, #00C897);transform:translateY(-1px)}.btn-icon{font-size:10px;transition:transform .2s}.see-all-btn.show-less .btn-icon{transform:rotate(180deg)}.annonces-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;gap:12px;color:var(--text-secondary, #888888)}.spinner{width:35px;height:35px;border:3px solid rgba(0,200,151,.2);border-top-color:var(--primary, #00C897);border-radius:50%;animation:spin .8s linear infinite}.annonces-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;text-align:center;background:var(--bg-darker, #1A1A1A);border-radius:14px;padding:40px 20px;border:1px solid var(--border-color, #2A2A2A)}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.annonces-empty h3{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text-primary, #FFFFFF)}.annonces-empty p{color:var(--text-secondary, #888888);font-size:13px}@media(max-width:768px){.annonces-header{flex-direction:column;align-items:stretch}.annonces-filters{width:100%}.filter-btn{flex:1;text-align:center;padding:6px 12px;font-size:11px}.annonces-list{grid-template-columns:1fr;gap:14px}.annonce-card{padding:14px}.annonce-titre{font-size:15px}.annonce-contenu{font-size:12px}.annonce-footer{flex-direction:column;align-items:flex-start;gap:10px}.annonce-stats{width:100%;justify-content:space-around}.see-all-btn{width:100%;padding:10px 16px}}@media(max-width:480px){.annonces-container{gap:16px}.annonce-piece-jointe{flex-direction:column;align-items:flex-start;gap:8px}.pj-download{width:100%;text-align:center}.annonce-type-badge{align-self:flex-start}.auteur-avatar{width:24px;height:24px;font-size:10px}.auteur-nom{font-size:11px}}.bus-distance-container{background-color:#1a1a1a;border-radius:16px;padding:24px;border:1px solid #2A2A2A;margin:8px 0;transition:all .3s ease}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.loader{width:40px;height:40px;border:3px solid #2A2A2A;border-top-color:#00c897;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px;font-size:14px;color:#888;text-align:center}.error-container{text-align:center;padding:40px 20px}.error-text{margin-top:16px;font-size:14px;color:#ef4444;text-align:center;margin-bottom:20px}.retry-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background-color:#00c897;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.empty-container{text-align:center;padding:40px 20px}.empty-title{font-size:18px;font-weight:600;color:#fff;margin-top:16px;margin-bottom:8px;text-align:center}.empty-text{font-size:14px;color:#888;text-align:center}.distance-card{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.distance-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.bus-icon{width:48px;height:48px;background-color:#00c8971a;border-radius:24px;display:flex;align-items:center;justify-content:center}.bus-name{font-size:20px;font-weight:700;color:#fff}.distance-value{text-align:center;margin-bottom:20px}.distance-number{font-size:56px;font-weight:700;color:#00c897;line-height:1}.distance-label{font-size:14px;color:#888;margin-top:8px}.time-card{display:flex;align-items:center;background-color:#f59e0b1a;padding:10px 20px;border-radius:40px;gap:10px}.here-card{background-color:#10b9811a}.time-text{font-size:14px;color:#f59e0b;font-weight:500}.time-text.success{color:#10b981}.info-card{background-color:#0d0d0d;border-radius:12px;padding:16px;margin-bottom:20px}.info-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #2A2A2A}.info-row:last-child{border-bottom:none}.info-icon{width:24px;display:flex;align-items:center;justify-content:center}.info-label{width:140px;font-size:13px;color:#888;margin-left:12px}.info-value{flex:1;font-size:13px;color:#fff;font-weight:500}.status-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;padding:10px;background-color:#0d0d0d;border-radius:40px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.status-success{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.status-warning{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-text{font-size:13px;color:#888}.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background-color:transparent;border:1px solid #2A2A2A;border-radius:40px;color:#00c897;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-button:hover{background-color:#00c8971a;border-color:#00c897}@media(max-width:768px){.bus-distance-container{padding:16px}.distance-number{font-size:40px}.bus-name{font-size:18px}.info-row{flex-wrap:wrap}.info-label{width:100%;margin-left:0;margin-bottom:4px}.info-value{margin-left:32px}.refresh-button{padding:10px}}.empty-hint{font-size:12px;color:#666;margin-top:8px;text-align:center}.empty-container,.error-container{text-align:center;padding:40px 20px}.retry-button{margin-top:16px;padding:10px 20px;background-color:#00c897;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#00997a}.admin-tables-container{display:flex;min-height:100vh;background-color:#0d0d0d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tables-sidebar{width:250px;background-color:#1a1a1a;border-right:1px solid #2A2A2A;padding:20px;display:flex;flex-direction:column}.tables-sidebar h3{margin:0 0 20px;font-size:18px;color:#888;font-weight:600}.tables-list{display:flex;flex-direction:column;gap:8px;flex:1}.table-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#888;font-size:14px;text-align:left;border-radius:8px;cursor:pointer;transition:all .2s}.table-item:hover{background-color:#ffffff0d;color:#fff}.table-item.active{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.table-icon{font-size:16px}.table-name{font-weight:500}.table-stats{margin-top:20px;padding-top:20px;border-top:1px solid #2A2A2A}.stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-label{font-size:12px;color:#888}.stat-value{font-size:18px;font-weight:700;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tables-main-content{flex:1;padding:24px;overflow-y:auto}.tables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tables-header h2{margin:0;font-size:24px;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.records-count{font-size:14px;color:#888;font-weight:400}.tables-actions{display:flex;gap:12px;align-items:center}.search-box{position:relative;width:300px}.search-input{width:100%;padding:10px 16px 10px 40px;background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:8px;color:#fff;font-size:14px}.search-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888;font-size:14px}.filter-select{padding:10px 16px;background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:8px;color:#fff;font-size:14px;min-width:150px}.filter-select:focus{outline:none;border-color:#dc2626}.data-table-container{background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:12px;overflow:hidden;margin-bottom:24px}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#888;border-bottom:1px solid #2A2A2A;background-color:#0003;white-space:nowrap}.data-table td{padding:16px;border-bottom:1px solid #2A2A2A;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#ffffff05}.truncate-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cell{display:flex;flex-direction:column}.user-detail{font-size:12px;color:#888;margin-top:2px}.date-cell{font-size:14px}.date-cell.deadline-passed{color:#ef4444;font-weight:500}.deadline-warning{color:#ef4444}.status-success{background-color:#10b98133;color:#10b981}.status-primary{background-color:#8b5cf633;color:#8b5cf6}.status-secondary{background-color:#6b728033;color:#6b7280}.priority-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.priority-danger{background-color:#ef444433;color:#ef4444}.priority-info{background-color:#3b82f633;color:#3b82f6}.priority-success{background-color:#10b98133;color:#10b981}.matiere-badge{display:inline-block;padding:4px 12px;background-color:#3b82f633;color:#3b82f6;border-radius:20px;font-size:12px;font-weight:500}.note-value{font-weight:700;padding:4px 12px;border-radius:20px;font-size:12px}.note-value.excellent{background-color:#10b98133;color:#10b981}.note-value.good{background-color:#3b82f633;color:#3b82f6}.note-value.average{background-color:#f59e0b33;color:#f59e0b}.note-missing{color:#888;font-style:italic}.action-buttons{display:flex;gap:8px}.action-btn{padding:6px 10px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background:none}.edit-btn{color:#8b5cf6;background-color:#8b5cf633}.edit-btn:hover{background-color:#8b5cf64d}.delete-btn{color:#ef4444;background-color:#ef444433}.delete-btn:hover{background-color:#ef44444d}.assign-btn{color:#a855f7;background-color:#a855f733}.assign-btn:hover{background-color:#a855f74d}.correct-btn{color:#10b981;background-color:#10b98133}.correct-btn:hover{background-color:#10b9814d}.table-pagination{display:flex;justify-content:center;align-items:center;padding:20px;gap:16px;border-top:1px solid #2A2A2A}.pagination-btn{padding:8px 16px;background-color:#ffffff0d;border:1px solid #2A2A2A;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#ffffff1a;border-color:#dc2626}.page-info{font-size:14px;color:#888}.table-info{background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:12px;padding:20px}.table-info h4{margin:0 0 16px;font-size:16px;color:#888}.columns-list{display:flex;flex-wrap:wrap;gap:8px}.column-item{display:flex;flex-direction:column;padding:8px 12px;background-color:#ffffff0d;border-radius:6px;min-width:120px}.column-name{font-size:12px;font-weight:500;margin-bottom:4px}.column-type{font-size:11px;color:#888;font-family:monospace}.loading-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#888}.loading-table .spinner{width:40px;height:40px;border:3px solid #2A2A2A;border-top-color:#dc2626;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#888}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.modal-content.large-modal{max-width:800px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #2A2A2A}.modal-header h3{margin:0;font-size:20px;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.modal-close:hover{color:#fff;background-color:#ffffff0d}.modal-body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #2A2A2A}.modal-btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.modal-btn.cancel-btn{background-color:#ffffff0d;color:#888}.modal-btn.cancel-btn:hover{background-color:#ffffff1a}.modal-btn.save-btn,.modal-btn.assign-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.modal-btn.save-btn:hover,.modal-btn.assign-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-btn.edit-btn{background-color:#8b5cf633;color:#8b5cf6}.modal-btn.edit-btn:hover{background-color:#8b5cf64d}.devoir-details-view{display:flex;flex-direction:column;gap:24px}.devoir-header{display:flex;flex-direction:column;gap:12px}.devoir-header h4{margin:0;font-size:24px;color:#fff}.devoir-meta{display:flex;gap:8px;flex-wrap:wrap}.details-grid{display:grid;gap:20px}.detail-section{background-color:#ffffff05;padding:16px;border-radius:8px}.detail-section h5{margin:0 0 12px;font-size:14px;color:#888;display:flex;align-items:center;gap:8px}.detail-section p{margin:0;color:#ccc;line-height:1.5}.person-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.person-item{display:flex;flex-direction:column;gap:4px}.person-item strong{font-size:12px;color:#888;margin-bottom:4px}.person-detail{font-size:13px;color:#888}.date-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.date-item{display:flex;flex-direction:column;gap:4px}.date-label{font-size:12px;color:#888}.date-value{font-size:14px;color:#ccc}.date-value.deadline-passed{color:#ef4444;font-weight:500}.tuteur-info{display:flex;flex-direction:column;gap:4px}.correction-info{display:flex;flex-direction:column;gap:16px}.note-display{display:flex;align-items:center;gap:16px}.note-value-large{font-size:32px;font-weight:700;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.note-appreciation{font-size:16px;font-weight:500;color:#10b981}.commentaire-section h6{font-size:13px;color:#888;margin:0 0 8px}.commentaire{background-color:#ffffff05;padding:12px;border-radius:6px;font-style:italic;color:#ccc;font-size:14px}.fichiers-list{display:flex;flex-direction:column;gap:8px}.fichier-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:#ffffff0d;border-radius:6px}.fichier-icon{font-size:16px}.fichier-nom{flex:1;font-size:14px;color:#ccc}.fichier-size{font-size:12px;color:#888}.record-details-view{display:flex;flex-direction:column;gap:16px}.record-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.record-field{display:flex;flex-direction:column;gap:4px;padding:12px;background-color:#ffffff05;border-radius:6px}.field-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:14px;color:#ccc;word-break:break-all}.null-value{color:#888;font-style:italic}.edit-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;color:#888;font-weight:500}.form-input{padding:10px 12px;background-color:#0d0d0d;border:1px solid #2A2A2A;border-radius:6px;color:#fff;font-size:14px;font-family:inherit}.form-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}@media(max-width:1200px){.admin-tables-container{flex-direction:column}.tables-sidebar{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.tables-list{flex-direction:row;flex-wrap:wrap;flex:0;gap:4px}.table-item{padding:8px 12px}.table-stats{display:flex;gap:20px;margin-top:0;padding-top:0;border-top:none;border-left:1px solid #2A2A2A;padding-left:20px}}@media(max-width:768px){.tables-sidebar{flex-direction:column;align-items:flex-start}.tables-list{width:100%;margin-bottom:16px}.table-stats{width:100%;justify-content:space-between;border-left:none;border-top:1px solid #2A2A2A;padding-left:0;padding-top:16px}.tables-header{flex-direction:column;align-items:flex-start}.tables-actions{width:100%;flex-direction:column}.search-box,.filter-select{width:100%}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-actions{flex-direction:column}.modal-btn{width:100%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#dc2626}.special-table{background:linear-gradient(135deg,#00c8971a,#00997a1a);border:1px solid rgba(0,200,151,.3)}.special-table:hover{background:linear-gradient(135deg,#00c89733,#00997a33);border-color:#00c897}.table-badge{position:absolute;top:8px;right:8px;font-size:12px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.affectation-modal{display:flex;flex-direction:column;gap:25px}.devoir-info-section,.tuteur-selection-section,.affectation-params-section{background-color:#ffffff05;border:1px solid #2A2A2A;border-radius:10px;padding:20px}.devoir-info-section h4,.tuteur-selection-section h4,.affectation-params-section h4{margin-top:0;margin-bottom:15px;color:#fff;font-size:16px;display:flex;align-items:center;gap:8px}.devoir-card{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:15px}.devoir-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.devoir-titre{font-weight:600;font-size:16px;color:#fff;flex:1}.matiere-badge{padding:4px 12px;background-color:#3b82f64d;color:#3b82f6;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.devoir-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#fff}.tuteurs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px}.tuteur-card{background-color:#2a2a2a;border:2px solid transparent;border-radius:10px;padding:15px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:12px;position:relative}.tuteur-card:hover{background-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tuteur-avatar{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#00c897,#00997a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;flex-shrink:0}.tuteur-name{font-weight:600;font-size:15px;color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuteur-email{font-size:12px;color:#888;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuteur-diplome{font-size:13px;color:#aaa;margin-bottom:5px}.tuteur-tarif{font-size:14px;color:#00c897;font-weight:500}.tuteur-skills{margin-top:5px}.tuteur-matières{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{padding:3px 8px;background-color:#3b82f633;color:#3b82f6;border-radius:4px;font-size:11px;display:inline-block}.more-skills{padding:3px 8px;background-color:#ffffff1a;color:#888;border-radius:4px;font-size:11px;display:inline-block}.tuteur-stats{margin-top:10px}.occupation-info{background-color:#ffffff0d;border-radius:6px;padding:10px}.occupation-bar{height:6px;background-color:#1a1a1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.tuteur-verification{position:absolute;top:10px;right:10px}.verified-badge{padding:3px 8px;background-color:#00c89733;color:#00c897;border-radius:12px;font-size:10px;font-weight:500;display:inline-block}.not-verified-badge{padding:3px 8px;background-color:#f59e0b33;color:#f59e0b;border-radius:12px;font-size:10px;font-weight:500;display:inline-block}.loading-tuteurs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#888;gap:15px}.spinner.small{width:30px;height:30px;border-width:2px}.no-tuteurs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#888;text-align:center;gap:15px}.no-tuteurs-icon{font-size:40px;opacity:.5}.params-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.params-form .form-group:last-child{grid-column:1 / -1}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:12px;color:#888;margin-top:5px;font-style:italic}.modal-btn.assign-btn{background:linear-gradient(135deg,#00c897,#00997a);color:#fff;border:none}.modal-btn.assign-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00c8974d}.modal-btn.assign-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.tuteurs-grid,.params-form,.devoir-details{grid-template-columns:1fr}}.admin-users-management{padding:20px;background-color:#0d0d0d;color:#fff;min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.role-selector{display:flex;gap:10px;flex-wrap:wrap}.role-button{display:flex;flex-direction:column;align-items:center;padding:15px 20px;background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:10px;color:#888;cursor:pointer;transition:all .3s;min-width:120px;text-align:center}.role-button:hover{background-color:#2a2a2a;transform:translateY(-2px)}.role-button.active{background:linear-gradient(135deg,#00c897,#00997a);color:#fff;border-color:#00c897}.role-icon{font-size:24px;margin-bottom:8px}.role-label{font-weight:600;font-size:14px;margin-bottom:4px}.role-description{font-size:11px;opacity:.8}.users-stats{display:flex;gap:15px}.stat-card{background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:8px;padding:15px 20px;min-width:100px;text-align:center}.stat-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,#00c897,#00997a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.users-filters{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap;align-items:center}.search-box{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:12px 16px 12px 40px;background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:8px;color:#fff;font-size:14px}.search-input:focus{outline:none;border-color:#00c897;box-shadow:0 0 0 2px #00c89733}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888;font-size:16px}.filter-select{padding:12px 16px;background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:8px;color:#fff;font-size:14px;min-width:180px}.filter-select:focus{outline:none;border-color:#00c897}.btn-primary,.btn-secondary,.btn-link{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#00c897,#00997a);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00c8974d}.btn-secondary{background-color:#2a2a2a;color:#fff;border:1px solid #444}.btn-secondary:hover{background-color:#3a3a3a;border-color:#00c897}.btn-link{background:transparent;color:#00c897;text-decoration:underline}.btn-link:hover{color:#00b386}.users-table-container{background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:12px;overflow:hidden;margin-bottom:30px}.users-table{width:100%;border-collapse:collapse;min-width:1200px}.users-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#888;border-bottom:1px solid #2A2A2A;background-color:#0003;white-space:nowrap}.users-table td{padding:16px;border-bottom:1px solid #2A2A2A;vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:#ffffff05}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#00c897,#00997a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;font-size:14px}.user-role{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;background-color:#00c8971a;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-success{background-color:#00c89733;color:#00c897}.status-warning{background-color:#f59e0b33;color:#f59e0b}.status-danger{background-color:#ef444433;color:#ef4444}.status-info{background-color:#3b82f633;color:#3b82f6}.matieres-list{display:flex;flex-wrap:wrap;gap:4px}.matiere-tag{padding:2px 8px;background-color:#3b82f633;color:#3b82f6;border-radius:4px;font-size:11px;display:inline-block}.matiere-tag-small{padding:2px 6px;background-color:#3b82f633;color:#3b82f6;border-radius:3px;font-size:10px;display:inline-block;margin-right:4px;margin-bottom:4px}.more-tag{padding:2px 8px;background-color:#ffffff1a;color:#888;border-radius:4px;font-size:11px;display:inline-block}.no-data{color:#888;font-style:italic;font-size:13px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 10px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;background:transparent}.view-btn{color:#3b82f6;background-color:#3b82f633}.view-btn:hover{background-color:#3b82f64d}.approve-btn{color:#00c897;background-color:#00c89733}.approve-btn:hover{background-color:#00c8974d}.reject-btn{color:#ef4444;background-color:#ef444433}.reject-btn:hover{background-color:#ef44444d}.pagination{display:flex;justify-content:center;align-items:center;padding:20px;border-top:1px solid #2A2A2A}.pagination-btn{padding:8px 16px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;font-size:14px;margin:0 4px}.pagination-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#00c897}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,#00c897,#00997a);border-color:#00c897}.page-numbers{display:flex;gap:4px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#888}.spinner{width:40px;height:40px;border:3px solid #2A2A2A;border-top-color:#00c897;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#888}.empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.empty-text{font-size:16px}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#1a1a1a;border:1px solid #2A2A2A;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s}.large-modal{max-width:900px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid #2A2A2A;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.modal-close{background:transparent;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background-color:#2a2a2a;color:#fff}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-actions{padding:20px;border-top:1px solid #2A2A2A;display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.primary-btn{background:linear-gradient(135deg,#00c897,#00997a);color:#fff}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00c8974d}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.secondary-btn{background-color:#2a2a2a;color:#fff;border:1px solid #444}.secondary-btn:hover{background-color:#3a3a3a;border-color:#888}.success-btn{background-color:#00c89733;color:#00c897;border:1px solid rgba(0,200,151,.3)}.success-btn:hover{background-color:#00c8974d}.danger-btn{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.danger-btn:hover{background-color:#ef44444d}.tuteur-details{display:flex;flex-direction:column;gap:25px}.detail-section{background-color:#ffffff05;border:1px solid #2A2A2A;border-radius:8px;padding:20px}.detail-section h4{margin-top:0;margin-bottom:15px;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;color:#fff}.matières-section{margin-top:15px;padding-top:15px;border-top:1px solid #2A2A2A}.matières-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:10px}.stat-item{background-color:#0000004d;border-radius:8px;padding:15px;text-align:center;border:1px solid #2A2A2A}.stat-item .stat-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,#00c897,#00997a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.stat-item .stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.devoirs-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.devoir-item{background-color:#ffffff05;border:1px solid #2A2A2A;border-radius:6px;padding:12px;transition:all .2s}.devoir-item:hover{background-color:#ffffff0d;border-color:#444}.devoir-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.devoir-titre{font-weight:500;font-size:14px;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devoir-statut{font-size:11px;padding:3px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-left:10px;white-space:nowrap}.devoir-statut.corrigé{background-color:#00c89733;color:#00c897}.devoir-statut.assigné{background-color:#f59e0b33;color:#f59e0b}.devoir-statut.envoyé{background-color:#3b82f633;color:#3b82f6}.devoir-statut.en_cours{background-color:#a855f733;color:#a855f7}.devoir-details{display:flex;align-items:center;gap:15px;font-size:12px;color:#888;flex-wrap:wrap}.devoir-matiere{background-color:#3b82f633;color:#3b82f6;padding:2px 8px;border-radius:4px}.devoir-eleve{color:#888}.devoir-note{background-color:#00c89733;color:#00c897;padding:2px 8px;border-radius:4px;font-weight:500}.documents-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.document-item{display:flex;align-items:center;gap:12px;padding:10px;background-color:#ffffff05;border:1px solid #2A2A2A;border-radius:6px;transition:all .2s}.document-item:hover{background-color:#ffffff0d;border-color:#444}.document-icon{font-size:16px;color:#888}.document-name{flex:1;font-size:14px;color:#fff}.document-date{font-size:12px;color:#888}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#888;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00c897;box-shadow:0 0 0 2px #00c89733}.form-textarea{resize:vertical;min-height:80px}.full-width{grid-column:1 / -1}.verification-info{display:flex;flex-direction:column;gap:20px}.tuteur-verification{display:flex;align-items:center;gap:15px;padding:15px;background-color:#ffffff05;border:1px solid #2A2A2A;border-radius:8px}.tuteur-avatar{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#00c897,#00997a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}.tuteur-name{font-weight:500;font-size:16px;color:#fff}.tuteur-email{font-size:14px;color:#888}.verification-message{color:#fff;font-size:14px;line-height:1.5;padding:15px;background-color:#ffffff05;border-radius:8px;border-left:3px solid #00C897}.affectation-form{display:flex;flex-direction:column;gap:25px}.form-section{background-color:#ffffff05;border:1px solid #2A2A2A;border-radius:8px;padding:20px}.form-section h4{margin-top:0;margin-bottom:15px;color:#fff;font-size:16px;font-weight:600}.devoir-selected{display:flex;flex-direction:column;gap:10px}.devoir-info{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:15px}.devoir-selection{text-align:center;padding:30px;color:#888}.devoir-selection p{margin-bottom:15px}.tuteurs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:15px}.tuteur-card{background-color:#2a2a2a;border:2px solid transparent;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:12px}.tuteur-card:hover{background-color:#3a3a3a;transform:translateY(-2px)}.tuteur-card.selected{border-color:#00c897;background-color:#00c8971a}.tuteur-header{display:flex;align-items:flex-start;gap:12px}.tuteur-avatar-small{width:40px;height:40px;border-radius:6px;background:linear-gradient(135deg,#00c897,#00997a);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0}.tuteur-info{flex:1;min-width:0}.tuteur-name{font-weight:500;font-size:14px;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuteur-tarif{font-size:12px;color:#00c897;font-weight:500;margin-top:4px}.tuteur-stats{margin-top:8px}.occupation-bar{height:6px;background-color:#1a1a1a;border-radius:3px;overflow:hidden;margin-bottom:6px}.occupation-fill{height:100%;background:linear-gradient(90deg,#00c897,#00997a);border-radius:3px;transition:width .3s}.occupation-text{font-size:11px;color:#888;text-align:center}.more-tuteurs{text-align:center;padding-top:10px;border-top:1px solid #2A2A2A}.affectation-params{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:768px){.users-header{flex-direction:column}.role-selector{width:100%}.role-button{flex:1;min-width:auto}.users-stats{width:100%;justify-content:center}.search-box{min-width:100%}.affectation-params,.tuteurs-grid{grid-template-columns:1fr}.modal-content,.large-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.modal-overlay{padding:0}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.users-table{min-width:1000px}.users-table-container{overflow-x:auto}.action-buttons{flex-direction:column;align-items:stretch}.action-btn{justify-content:center;padding:8px}.pagination{flex-direction:column;gap:10px}.page-numbers{order:-1}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.enfants-container{min-height:100vh;background-color:#0d0d0d;color:#fff;padding:20px}.enfants-content{max-width:1200px;margin:0 auto}.enfants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:transparent;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.back-button:hover{background-color:#ffffff0d}.enfants-title{font-size:28px;font-weight:700;margin:0}.add-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#00c897;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;font-size:14px;transition:all .2s}.add-button:hover{background-color:#00b386;transform:translateY(-2px)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:#1a1a1a;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.stat-card:hover{transform:translateY(-4px);border-color:#00c897}.stat-value{font-size:32px;font-weight:700;color:#00c897;margin-bottom:8px}.stat-label{font-size:14px;color:#888;margin-bottom:12px}.stat-detail{font-size:12px;color:#aaa}.enfants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.enfant-card{background-color:#1a1a1a;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.05);transition:all .2s}.enfant-card:hover{border-color:#3b82f6;transform:translateY(-4px)}.enfant-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.enfant-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.enfant-info{flex:1}.enfant-name{font-size:18px;font-weight:700;margin-bottom:4px}.enfant-meta{font-size:14px;color:#888}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.info-item{background-color:#0d0d0d;border-radius:8px;padding:12px}.info-label{font-size:12px;color:#888;margin-bottom:4px}.info-value{font-size:14px;font-weight:500}.enfant-actions{display:flex;gap:10px;margin-top:20px}.action-button{flex:1;padding:10px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;border:1px solid}.action-button.primary{background-color:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.action-button.primary:hover{background-color:#3b82f633}.action-button.secondary{background-color:#10b9811a;border-color:#10b981;color:#10b981}.action-button.secondary:hover{background-color:#10b98133}.action-button.danger{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.action-button.danger:hover{background-color:#ef444433}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:60px;margin-bottom:20px;color:#444}.empty-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#888}.empty-message{font-size:14px;color:#666;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto}.error-container{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px;margin:20px 0;text-align:center}.error-icon{font-size:24px;margin-bottom:10px}.error-message{margin-bottom:15px}.retry-button{padding:8px 16px;background-color:#ef44441a;border:1px solid #EF4444;border-radius:6px;color:#ef4444;cursor:pointer}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid #00C897;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#1a1a1a;border-radius:12px;padding:30px;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1)}.modal-title{font-size:20px;font-weight:700;margin-bottom:15px;color:#ef4444}.modal-message{color:#aaa;margin-bottom:25px;line-height:1.5}.modal-actions{display:flex;gap:12px}.modal-button{flex:1;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;border:none}.modal-button.cancel{background-color:#ffffff0d;color:#fff}.modal-button.cancel:hover{background-color:#ffffff1a}.modal-button.delete{background-color:#ef444433;color:#ef4444}.modal-button.delete:hover{background-color:#ef44444d}@media(max-width:768px){.enfants-header{flex-direction:column;gap:15px;align-items:stretch}.back-button{order:1}.enfants-title{order:2;text-align:center}.add-button{order:3}.stats-cards,.enfants-grid{grid-template-columns:1fr}.enfant-actions{flex-direction:column}}