@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--primary-color:#1e4d7b;--primary-dark:#113459;--primary-light:#2b5c8f;--primary-bg-gradient:radial-gradient(circle, #255685 0%, #113459 100%);--accent-color:#3b82f6;--accent-hover:#1d4ed8;--success-color:#10b981;--error-color:#ef4444;--bg-color:#f1f5f9;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--text-light:#fff;--border-color:#cbd5e1;--border-focus:#1e4d7b;--font-sans:"Fira Sans", sans-serif;--font-mono:"Fira Code", monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #00000026, 0 8px 10px -6px #00000026;--border-radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;overflow-x:hidden}.app-header-bar{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.app-logo-area{color:var(--primary-color);align-items:center;gap:12px;font-size:1.2rem;font-weight:700;display:flex}.view-toggle-btn{background-color:var(--primary-color);color:var(--text-light);cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.view-toggle-btn:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.client-form-view{background:var(--primary-bg-gradient);justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:40px 20px;display:flex}.split-card{background-color:var(--card-bg);border-radius:var(--border-radius);width:100%;max-width:1000px;box-shadow:var(--shadow-xl);grid-template-columns:45% 55%;min-height:600px;transition:transform .3s;display:grid;overflow:hidden}.card-left-pane{background-color:var(--primary-color);color:var(--text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.card-left-pane h1{margin-bottom:20px;font-size:2.2rem;font-weight:700;line-height:1.2}.card-left-pane p{opacity:.85;max-width:320px;margin-bottom:40px;font-size:1rem;line-height:1.6}.left-pane-icon{color:#ffffffe6;background-color:#ffffff1a;border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;padding:24px;display:flex}.card-right-pane{background-color:#fff;flex-direction:column;justify-content:space-between;align-items:center;padding:48px;display:flex}.form-header-area{text-align:center;width:100%;margin-bottom:24px}.insim-logo-svg{width:120px;height:auto;margin-bottom:24px}.form-header-area h2{color:var(--primary-dark);margin-bottom:4px;font-size:1.5rem;font-weight:700}.form-header-area p{color:var(--text-muted);font-size:.85rem}.insim-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-input-group{flex-direction:column;gap:6px;display:flex;position:relative}.form-input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon-left{color:var(--primary-color);width:18px;height:18px;position:absolute;left:14px}.form-select,.form-text-input,.form-textarea{border:1.5px solid var(--border-color);width:100%;font-size:.95rem;font-family:var(--font-sans);color:var(--text-main);background-color:#f8fafc;border-radius:8px;outline:none;padding:12px 14px 12px 42px;transition:all .2s}.form-textarea{resize:vertical;min-height:100px}.form-select:focus,.form-text-input:focus,.form-textarea:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #1e4d7b26}.file-upload-container{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background-color:#f8fafc;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.file-upload-container:hover,.file-upload-container.drag-over{border-color:var(--primary-color);background-color:#1e4d7b0a}.upload-icon{width:32px;height:32px;color:var(--primary-light)}.file-upload-container p{color:var(--text-muted);font-size:.85rem}.file-upload-container span{color:var(--primary-color);font-weight:600}.file-preview-strip{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:.85rem;display:flex}.file-preview-info{color:#166534;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:flex;overflow:hidden}.file-remove-btn{color:#991b1b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-weight:600}.file-remove-btn:hover{background-color:#fee2e2}.insim-submit-btn{background-color:var(--primary-color);color:var(--text-light);font-family:var(--font-sans);letter-spacing:.05em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.insim-submit-btn:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.insim-submit-btn:disabled{background-color:var(--border-color);cursor:not-allowed;box-shadow:none}.insim-submit-btn.success-state{cursor:default;box-shadow:none;background-color:var(--success-color)!important;color:var(--text-light)!important}.insim-footer-note{color:var(--text-muted);text-align:center;margin-top:24px;font-size:.8rem}.success-card-content{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex}.success-check-circle{width:72px;height:72px;color:var(--success-color);background-color:#ecfdf5;border-radius:50%;padding:16px}.admin-dashboard-view{background-color:#f8fafc;flex-direction:column;min-height:calc(100vh - 65px);display:flex}.dashboard-stats-row{grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;display:grid}.stat-card{background-color:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-info h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:600}.stat-number{color:var(--primary-dark);font-size:1.8rem;font-weight:700}.stat-icon-box{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-box.total{color:#2563eb;background-color:#eff6ff}.stat-icon-box.unread{color:#d97706;background-color:#fef3c7}.stat-icon-box.read{color:#059669;background-color:#ecfdf5}.stat-icon-box.active-inst{color:#7c3aed;background-color:#faf5ff}.dashboard-filter-bar{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 24px 20px;padding:16px 20px;display:flex}.filter-inputs-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-control{flex-direction:column;gap:4px;display:flex}.filter-control label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.filter-select,.filter-search-input{border:1px solid var(--border-color);font-family:var(--font-sans);background-color:#f8fafc;border-radius:6px;outline:none;min-width:160px;padding:8px 12px;font-size:.85rem;transition:all .2s}.filter-search-input{min-width:240px}.filter-select:focus,.filter-search-input:focus{border-color:var(--primary-color);background-color:#fff}.reset-filters-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:6px;padding:8px 14px;transition:all .2s}.reset-filters-btn:hover{color:var(--text-main);background-color:#f1f5f9}.dashboard-main-content{flex:1;grid-template-columns:35% 65%;gap:20px;height:600px;min-height:500px;padding:0 24px 24px;display:grid}.inbox-list-column{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.inbox-column-header{border-bottom:1px solid var(--border-color);color:var(--primary-dark);background-color:#fafafa;padding:16px 20px;font-size:1rem;font-weight:700}.inbox-scroll-list{flex:1;overflow-y:auto}.empty-inbox-message{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}.inbox-item-card{cursor:pointer;border-bottom:1px solid #f1f5f9;border-left:4px solid #0000;padding:16px 20px;transition:all .2s;position:relative}.inbox-item-card:hover{background-color:#f8fafc}.inbox-item-card.active{border-left-color:var(--primary-color);background-color:#eff6ff}.inbox-item-card.unread{background-color:#fdfdfd}.inbox-item-card.unread .inbox-item-sender{color:#0f172a;font-weight:700}.inbox-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.inbox-item-sender{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:.95rem;font-weight:500;overflow:hidden}.inbox-item-date{color:var(--text-muted);font-size:.75rem}.inbox-item-middle{margin-bottom:8px}.inbox-item-snippet{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.inbox-item-bottom{justify-content:space-between;align-items:center;display:flex}.institute-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.badge-constantine{color:#1d4ed8;background-color:#eff6ff}.badge-boumerdes{color:#047857;background-color:#ecfdf5}.badge-bouira{color:#c2410c;background-color:#fff7ed}.badge-alger-centre{color:#be185d;background-color:#fdf2f8}.badge-tizi-ouzou{color:#6b21a8;background-color:#faf5ff}.badge-oran{color:#0f766e;background-color:#f0fdfa}.badge-bejaia{color:#be123c;background-color:#fff1f2}.badge-blida{color:#15803d;background-color:#f0fdf4}.badge-annaba{color:#475569;background-color:#f8fafc}.badge-alger{color:#b91c1c;background-color:#fef2f2}.status-unread-dot{background-color:var(--accent-color);border-radius:50%;width:8px;height:8px}.reader-details-column{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.reader-placeholder{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.reader-placeholder-icon{width:64px;height:64px;color:var(--border-color)}.reader-header{border-bottom:1px solid var(--border-color);background-color:#fafafa;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.reader-header-info{flex:1}.reader-sender-name{color:var(--primary-dark);margin-bottom:6px;font-size:1.3rem;font-weight:700}.reader-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.reader-actions-bar{align-items:center;gap:10px;display:flex}.action-icon-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.action-icon-btn:hover{color:var(--primary-color);background-color:#f1f5f9}.action-icon-btn.delete:hover{color:var(--error-color);background-color:#fee2e2;border-color:#fca5a5}.action-icon-btn.mark-read{color:var(--success-color);background-color:#10b9810d;border-color:#10b9814d}.action-icon-btn.mark-read:hover{background-color:#10b9811a}.action-icon-btn.mark-unread{color:var(--accent-color);background-color:#3b82f60d;border-color:#3b82f64d}.action-icon-btn.mark-unread:hover{background-color:#3b82f61a}.reader-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.reader-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:8px;padding-bottom:4px;font-size:.8rem;font-weight:700}.reader-message-text{color:#334155;white-space:pre-wrap;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:16px;font-size:1rem;line-height:1.6}.reader-attachment-section{flex-direction:column;display:flex}.attachment-preview-box{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:8px;max-width:320px;padding:12px}.attachment-image-thumbnail{object-fit:cover;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:160px;transition:opacity .2s}.attachment-image-thumbnail:hover{opacity:.9}.attachment-info-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;display:flex}.download-link{color:var(--primary-color);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:flex}.download-link:hover{text-decoration:underline}.lightbox-modal{z-index:1000;background-color:#0f172ae6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-image{object-fit:contain;max-width:100%;max-height:80vh;box-shadow:var(--shadow-xl);border-radius:4px}.lightbox-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:1.5rem;display:flex;position:absolute;top:-40px;right:0}.lightbox-close-btn:hover{color:#cbd5e1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=900px){.split-card{grid-template-columns:100%}.card-left-pane{border-radius:var(--border-radius) var(--border-radius) 0 0;padding:36px}.card-left-pane h1{font-size:1.8rem}.card-left-pane p{margin-bottom:20px}.card-right-pane{border-radius:0 0 var(--border-radius) var(--border-radius);padding:36px}.dashboard-stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-main-content{grid-template-columns:100%;height:auto}.inbox-list-column{height:400px}.reader-details-column{min-height:400px}}@media (width<=500px){.dashboard-stats-row{grid-template-columns:100%}.dashboard-filter-bar,.filter-inputs-group{flex-direction:column;align-items:stretch}.filter-select,.filter-search-input{min-width:100%}}