@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f0;color:#1a1a1a;font-family:Tajawal,sans-serif;font-size:14px;min-height:100vh}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-nav{background:#fff;border-bottom:.5px solid #e0e0d8;height:56px;justify-content:space-between;overflow:visible;padding:0 1.5rem;position:sticky;top:0;z-index:100}.nav-brand,.top-nav{align-items:center;display:flex}.nav-brand{color:#1a1a1a;cursor:pointer;font-size:15px;font-weight:500;gap:10px}.nav-logo{background:#1d9e75;border-radius:50%;height:28px;width:28px}.nav-right{align-items:center;display:flex;gap:10px}.nav-user{color:#666;font-size:13px}.nav-user em{color:#1d9e75;font-style:normal}.nav-btn{background:none;border:.5px solid #d0d0c8;border-radius:8px;color:#444;cursor:pointer;font-family:Tajawal,sans-serif;font-size:12px;padding:6px 14px;transition:all .15s}.nav-btn:hover{border-color:#1d9e75;color:#1d9e75}.nav-btn.active,.nav-btn[data-active=true]{background:#085041;border-color:#085041;box-shadow:0 2px 8px #08504140;color:#fff;font-weight:700}.nav-btn-logout:hover{border-color:#e24b4a;color:#a32d2d}.main-content{flex:1 1;margin:0 auto;max-width:1000px;padding:1.5rem;width:100%}.page-title{color:#1a1a1a;font-size:20px;font-weight:500;margin-bottom:1.5rem}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.stat-card{background:#f5f5f0;border-radius:8px;padding:14px 16px}.stat-val{color:#1a1a1a;font-size:26px;font-weight:500}.stat-val.alert{color:#a32d2d}.stat-lbl{color:#888;font-size:12px;margin-top:2px}.filters-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.filter-chip{background:#fff;border:.5px solid #d0d0c8;border-radius:20px;color:#666;cursor:pointer;font-family:Tajawal,sans-serif;font-size:12px;padding:5px 14px;transition:all .15s}.filter-chip.active{background:#e1f5ee;border-color:#1d9e75;color:#085041}.table-wrap{border:.5px solid #e0e0d8;border-radius:12px;overflow:hidden}table{border-collapse:collapse;table-layout:fixed;width:100%}thead tr{background:#f9f9f6}th{color:#999;font-size:11px;font-weight:500;letter-spacing:.8px;padding:10px 14px;text-align:left;text-transform:uppercase}td,th{border-bottom:.5px solid #e0e0d8}td{color:#1a1a1a;font-size:13px;padding:11px 14px;vertical-align:middle}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer;transition:background .1s}tr.clickable:hover td{background:#f9f9f6}tr.inactive td{background:#fff8f8}tr.inactive td.name-cell{color:#a32d2d;font-weight:500}.badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;padding:2px 10px}.badge-green{background:#e1f5ee;color:#085041}.badge-alert{background:#fcebeb;color:#a32d2d}.badge-blue{background:#e6f1fb;color:#0c447c}.badge-amber{background:#faeeda;color:#633806}.btn-secondary{background:none;border:.5px solid #d0d0c8;border-radius:8px;color:#444;cursor:pointer;font-family:Tajawal,sans-serif;font-size:13px;padding:10px 20px;transition:all .15s}.btn-secondary:hover{border-color:#1d9e75;color:#1d9e75}.back-link{align-items:center;background:#f5f5f0;border:1px solid #d0d0c8;border-radius:20px;color:#374151;cursor:pointer;display:inline-flex;font-family:Tajawal,sans-serif;font-size:13px;font-weight:600;gap:8px;line-height:1.2;min-height:34px;padding:7px 16px 7px 12px;transition:all .15s;vertical-align:middle}.back-link:before{color:#1d9e75;content:"←";font-size:16px;font-weight:700}.back-link:empty:after{content:"Retour"}.back-link:hover{background:#e1f5ee;border-color:#1d9e75;color:#085041}[dir=rtl] .back-link{padding:7px 12px 7px 16px}[dir=rtl] .back-link:before{content:"→"}[dir=rtl] .back-link:empty:after{content:"رجوع"}.field-group{margin-bottom:1rem}.field-lbl{color:#888;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}.field-input,.field-select{background:#fff;border:.5px solid #e0e0d8;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:Tajawal,sans-serif;font-size:13px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.field-input:focus,.field-select:focus{border-color:#1d9e75;box-shadow:0 0 0 3px #e1f5ee;outline:none}.field-input::placeholder{color:#bbb}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.25rem}.section-label{align-items:center;border-left:3px solid #1d9e75;color:#444;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:14px;margin-top:8px;padding:6px 0 6px 12px;text-transform:uppercase}.section-label.section-label--gold{border-left-color:#ef9f27}.section-label.section-label--blue{border-left-color:#378add}.section-label.section-label--purple{border-left-color:#534ab7}.section-label.section-label--red{border-left-color:#e24b4a}.section-label.section-label--amber{border-left-color:#ef9f27}[dir=rtl] .section-label{border-left:none;border-right:3px solid #1d9e75;padding:6px 12px 6px 0}[dir=rtl] .section-label.section-label--gold{border-left-color:#0000;border-right-color:#ef9f27}[dir=rtl] .section-label.section-label--blue{border-left-color:#0000;border-right-color:#378add}[dir=rtl] .section-label.section-label--purple{border-left-color:#0000;border-right-color:#534ab7}[dir=rtl] .section-label.section-label--red{border-left-color:#0000;border-right-color:#e24b4a}[dir=rtl] .section-label.section-label--amber{border-left-color:#0000;border-right-color:#ef9f27}.card{background:#fff;border:.5px solid #e8e8e0;border-radius:14px;box-shadow:0 1px 6px #0000000a;margin-bottom:1.25rem;padding:1.25rem}.btn-primary{background:linear-gradient(135deg,#1d9e75,#085041);border:none;border-radius:10px;box-shadow:0 2px 8px #08504133;color:#fff;cursor:pointer;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;padding:11px 20px;transition:opacity .15s,transform .1s;width:100%}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.avatar{align-items:center;background:#e1f5ee;border-radius:50%;color:#085041;display:flex;flex-shrink:0;font-weight:500;justify-content:center}.loading{color:#999;font-size:14px;padding:3rem}.empty,.loading{text-align:center}.empty{color:#bbb;font-size:13px;padding:2rem}.error-box{background:#fcebeb;color:#a32d2d}.error-box,.success-box{border-radius:8px;font-size:13px;margin-bottom:1rem;padding:10px 14px}.success-box{background:#e1f5ee;color:#085041}.position-card{background:#e1f5ee;border:.5px solid #5dcaa5;border-radius:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem;padding:1.25rem}.pos-block{padding:0 8px;text-align:center}.pos-block:not(:last-child){border-right:.5px solid #9fe1cb}.pos-val{color:#085041;font-size:28px;font-weight:500}.pos-lbl{color:#0f6e56;font-size:11px;letter-spacing:.8px;margin-top:3px;text-transform:uppercase}.tomon-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.tomon-btn{background:#f9f9f6;border:.5px solid #d0d0c8;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:16px;font-weight:500;padding:14px 8px;text-align:center;transition:all .15s}.tomon-btn.selected,.tomon-btn:hover:not([style*=not-allowed]){border-color:#1d9e75}.tomon-btn.selected{background:#1d9e75;color:#fff}.steps-row{margin-bottom:1.75rem}.step-item,.steps-row{align-items:center;display:flex}.step-item{flex:1 1;gap:8px}.step-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:28px;justify-content:center;width:28px}.step-circle.active,.step-circle.done{background:#1d9e75;color:#fff}.step-circle.pending{background:#f0f0ec;border:.5px solid #d0d0c8;color:#bbb}.step-label{color:#999;font-size:12px}.step-label.active{color:#1a1a1a;font-weight:500}.step-line{background:#d0d0c8;flex:1 1;height:.5px;margin:0 6px}.step-line.done{background:#1d9e75}.recap-card{background:#f9f9f6;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.recap-row{align-items:center;border-bottom:.5px solid #e8e8e0;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.recap-row:last-child{border-bottom:none}.recap-lbl{color:#888}.recap-val{color:#1a1a1a;font-weight:500}.recap-val.green{color:#0f6e56}.success-screen{padding:3rem 1rem;text-align:center}.success-circle{align-items:center;background:#e1f5ee;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.checkmark{border-bottom:3px solid #1d9e75;border-right:3px solid #1d9e75;height:20px;margin-top:-4px;transform:rotate(45deg);width:12px}.tabs-row{border-bottom:.5px solid #e0e0d8;display:flex;margin-bottom:1.25rem}.tab{border-bottom:2px solid #0000;color:#888;cursor:pointer;font-family:Tajawal,sans-serif;font-size:13px;padding:10px 18px;transition:all .15s}.tab.active{border-bottom-color:#1d9e75;color:#1d9e75;font-weight:500}.action-btn{background:none;border:.5px solid #d0d0c8;border-radius:6px;color:#666;cursor:pointer;font-family:Tajawal,sans-serif;font-size:11px;padding:4px 10px;transition:all .15s}.action-btn:hover{border-color:#1d9e75;color:#1d9e75}.action-btn.danger:hover{border-color:#e24b4a;color:#a32d2d}@media (max-width:640px){.main-content{padding:1rem}.form-grid{grid-template-columns:1fr}.top-nav{padding:0 1rem}.nav-user{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.main-content-mobile{flex:1 1;margin:0;max-width:100%;overflow-x:hidden;padding:1rem 1rem 80px;width:100%}.bottom-nav{background:#fff;border-top:.5px solid #e0e0d8;bottom:0;display:flex;height:64px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:200}.bottom-nav-item{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;transition:all .15s}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.2)}.bottom-nav-item.active .bottom-nav-label{color:#1d9e75;font-weight:500}.bottom-nav-icon{font-size:20px}.bottom-nav-label{color:#888;font-size:10px}@media (max-width:767px){.top-nav{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.position-card{grid-template-columns:repeat(3,minmax(0,1fr))}table{font-size:12px}td,th{padding:8px 10px}}.alert-card{align-items:center;border-left:4px solid;border-radius:0 10px 10px 0;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:10px 14px}.cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-day{align-items:center;aspect-ratio:1;background:#fff;border:.5px solid #e0e0d8;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:4px;transition:all .15s}.cal-day:hover{border-color:#1d9e75}.cal-day.has-activity{background:#e1f5ee;border-color:#1d9e75}.cal-day.today{border:2px solid #1d9e75}.cal-day.inactive{background:#f9f9f6;color:#ccc}.cal-day-num{font-size:13px;font-weight:500}.cal-dot{background:#1d9e75;border-radius:50%;height:6px;width:6px}[dir=rtl] .back-link{flex-direction:row-reverse}[dir=rtl] .back-link:before{content:none}[dir=rtl] .nav-right{flex-direction:row-reverse}[dir=rtl] .step-line{margin:0 6px}[dir=rtl] .bottom-nav{flex-direction:row-reverse}[dir=rtl] table{direction:rtl}[dir=rtl] td,[dir=rtl] th{text-align:right}[dir=rtl] .filters-row{flex-direction:row-reverse}[dir=rtl] .badge,[dir=rtl] .card,[dir=rtl] .form-grid,[dir=rtl] .stat-card{direction:rtl}[dir=rtl] .page-title{text-align:right}[dir=rtl] .recap-row,[dir=rtl] .tabs-row{flex-direction:row-reverse}[dir=rtl] .tab{border-bottom:2px solid #0000}[dir=rtl] .nav-brand,[dir=rtl] .steps-row{flex-direction:row-reverse}[dir=rtl] .position-card{direction:rtl}[dir=rtl] .pos-block:not(:last-child){border-left:.5px solid #9fe1cb;border-right:none}[dir=rtl] .tomon-grid{direction:ltr}[dir=rtl] .stats-grid{direction:rtl}[dir=rtl] *,[dir=rtl] body{font-family:Tajawal,Segoe UI,Arial,sans-serif}.lang-selector-login{display:flex;gap:6px;position:absolute;right:16px;top:16px}[dir=rtl] .lang-selector-login{left:16px;right:auto}.field-input.required-empty,.field-input:required:invalid{background:#fff8f8;border-color:#e24b4a}.exception-btn{background:#fff;border:1px solid #e24b4a;border-radius:6px;color:#e24b4a;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .15s}.exception-active,.exception-btn:hover{background:#fcebeb}.exception-active{align-items:center;border:1.5px solid #e24b4a;border-radius:8px;color:#a32d2d;display:flex;font-size:12px;gap:8px;padding:8px 12px}.back-link,.bottom-nav-item,.nav-btn,button{min-height:44px}@media (max-width:767px){.table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}table{min-width:480px}.mobile-card-list{display:flex;flex-direction:column;gap:8px}.field-input,.field-select,input,select,textarea{font-size:16px!important;min-height:44px;padding:10px 14px}.btn-primary,.btn-secondary{font-size:15px;min-height:48px;width:100%}.main-content-mobile>*{max-width:100%}.page-header-mobile{align-items:center;background:#fff;border-bottom:.5px solid #e0e0d8;display:flex;gap:12px;padding:12px 16px;position:sticky;top:0;z-index:100}.stats-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.eleve-card-mobile{align-items:center;background:#fff;border:.5px solid #e0e0d8;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:background .15s}.eleve-card-mobile:active{background:#f9f9f6}.fab{align-items:center;background:#1d9e75;border:none;border-radius:50%;bottom:80px;box-shadow:0 2px 8px #1d9e7566;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:16px;width:56px;z-index:150}.modal-mobile{background:#fff;bottom:0;left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:500}.modal-mobile-header{align-items:center;background:#fff;border-bottom:.5px solid #e0e0d8;display:flex;gap:12px;padding:14px 16px;position:sticky;top:0;z-index:10}.section-mobile{background:#fff;border:.5px solid #e0e0d8;border-radius:12px;margin:8px 0;overflow:hidden}.section-mobile-row{align-items:center;border-bottom:.5px solid #f0f0ec;display:flex;gap:12px;padding:13px 16px}.section-mobile-row:last-child{border-bottom:none}.bottom-sheet{background:#fff;border-radius:20px 20px 0 0;border-top:.5px solid #e0e0d8;bottom:64px;left:0;max-height:80vh;overflow-y:auto;padding:8px 0 16px;position:fixed;right:0;z-index:300}.bottom-sheet-handle{background:#e0e0d8;border-radius:2px;height:4px;margin:8px auto 16px;width:36px}.bottom-nav{height:68px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.bottom-nav-icon{font-size:22px}.bottom-nav-label{font-size:11px}.alert-banner{border-radius:12px!important;margin:8px 0!important;padding:12px 14px!important}[dir=rtl] .main-content-mobile{font-size:15px}.swipe-hint{color:#aaa;font-size:11px;padding:4px 0;text-align:center}.tabs-scroll{-webkit-overflow-scrolling:touch;background:#f0f0ec;border-radius:10px;display:flex;gap:0;overflow-x:auto;padding:3px;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab-item{border-radius:8px;color:#888;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:7px 14px;white-space:nowrap}.tabs-scroll .tab-item.active{background:#fff;color:#1a1a1a}.nav-badge{background:#e24b4a;border-radius:10px;color:#fff;font-size:9px;font-weight:700;min-width:16px;padding:1px 5px;position:absolute;right:calc(50% - 18px);text-align:center;top:4px}.bottom-nav-item{position:relative}.bottom-nav-item.active .bottom-nav-icon{filter:drop-shadow(0 0 3px rgba(29,158,117,.3));transform:scale(1.15)}.bottom-nav-item.active:before{background:#1d9e75;border-radius:0 0 2px 2px;content:"";height:2px;left:20%;position:absolute;right:20%;top:0}.dashboard-header{background:linear-gradient(135deg,#085041,#1d9e75);color:#fff;margin:-16px -16px 0;padding:20px 16px 24px}.dashboard-kpi-grid{grid-gap:8px;background:#ffffff26;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:10px}.dashboard-kpi{text-align:center}.dashboard-kpi-value{color:#fff;font-size:20px;font-weight:800}.dashboard-kpi-label{color:#ffffffbf;font-size:9px;margin-top:2px}.quick-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:12px 0}.quick-action-card{-webkit-tap-highlight-color:transparent;background:#fff;border:.5px solid #e0e0d8;border-radius:12px;cursor:pointer;padding:14px 12px;text-align:center;transition:all .15s}.quick-action-card:active{background:#f9f9f6;transform:scale(.97)}.quick-action-icon{font-size:28px;margin-bottom:6px}.quick-action-label{color:#333;font-size:12px;font-weight:600}.quick-action-sub{color:#888;font-size:10px;margin-top:2px}}