@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-purple: #892043;--secondary-purple: #6A1B9A;--primary-light: #FFEDF6;--bg-color: #E7EAE5;--card-bg: #F0EFE7;--text-main: #1A1A1A;--text-muted: #718096;--success: #C6F6D5;--success-text: #22543D;--warning: #FEEBC8;--warning-text: #744210;--danger: #FED7D7;--danger-text: #822727;--border-radius: 12px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-layout{display:flex;flex-direction:column;height:100vh}.dashboard-container{display:flex;flex:1;overflow:hidden}.sidebar{width:80px;background-color:var(--card-bg);border-right:1px solid #E2E8F0;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0;height:calc(100vh - 72px)}.sidebar-logo{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:1.5rem;flex:1}.sidebar-item{width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;color:var(--text-muted);padding:10px 0;cursor:pointer;transition:var(--transition);font-size:.6rem;gap:4px}.sidebar-item.active{background-color:var(--primary-light);color:var(--primary-purple);border-right:3px solid var(--primary-purple);box-shadow:none}.sidebar-item:hover:not(.active){background-color:#f1f5f9;color:var(--primary-purple)}.sidebar-footer{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background-color:#e7eae5;border-bottom:1px solid #E2E8F0;height:72px}.header-brand{display:flex;align-items:center;gap:1rem}.header-logo{width:38px;height:38px;background-color:var(--primary-purple);border-radius:10px;display:flex;align-items:center;justify-content:center}.header-title{font-size:1.4rem;font-weight:700;color:var(--text-main)}.header-actions{display:flex;align-items:center;gap:1rem}.search-bar{position:relative;width:450px;display:flex;align-items:center}.search-bar input{width:100%;padding:.7rem 3.5rem .7rem 3rem;border:1px solid #E2E8F0;border-radius:30px;background-color:#f0efe7;font-family:inherit;outline:none;font-size:.9rem;transition:var(--transition)}.search-bar input:focus{border-color:var(--primary-purple);background-color:#fff;box-shadow:0 0 0 3px #8920431a}.search-bar .search-icon-left{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-submit-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;background-color:var(--primary-purple);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.search-submit-btn:hover{background-color:var(--secondary-purple);transform:translateY(-50%) scale(1.05)}.search-submit-btn:active{transform:translateY(-50%) scale(.95)}.notification-btn{width:40px;height:40px;background-color:#f3efff;border:none;border-radius:50%;cursor:pointer;color:#2d1b69;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.notification-btn:hover{background-color:#e6e0ff}.user-profile{display:flex;align-items:center;gap:.8rem}.user-info-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-size:.9rem;font-weight:600;color:var(--text-main)}.user-role{font-size:.75rem;color:var(--text-muted)}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 4px #0000001a}.logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;transition:var(--transition)}.logout-btn:hover{color:#e53e3e}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background-color:var(--card-bg);padding:1rem;border-radius:var(--border-radius);border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:.3rem}.stat-card.featured{background-color:var(--primary-purple);color:#fff}.welcome-banner .stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.welcome-banner .stat-card.featured{background:#fff3;border:1px solid rgba(255,255,255,.3)}.welcome-banner .stat-card .stat-value{color:#fff}.welcome-banner .stat-card .stat-header{color:#fffc}.stat-header{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:500;opacity:.9}.stat-value{font-size:1.75rem;font-weight:700;margin:.25rem 0}.stat-footer{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.85rem}.trend-up{color:#48bb78;display:flex;align-items:center;gap:.2rem}.featured .trend-up{color:#c6f6d5}.table-container{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);border:1px solid #E2E8F0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-header h2{font-size:1.25rem;font-weight:600}.see-all{color:#3182ce;text-decoration:none;font-size:.9rem;font-weight:500}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.6rem .8rem;color:var(--text-muted);font-weight:500;font-size:.9rem;border-bottom:2px solid #F7FAFC}td{padding:.8rem;font-size:.9rem;border-bottom:1px solid #F7FAFC}.status-pill{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;vertical-align:middle;text-align:center}.status-placed{background-color:var(--success);color:var(--success-text)}.status-interviewed{background-color:var(--warning);color:var(--warning-text)}.status-offer{background-color:#b2f5ea;color:#234e52}.status-process{background-color:#ffe5d0;color:#8d4e26}.status-not{background-color:var(--danger);color:var(--danger-text)}.status-active{background-color:#feebc8;color:#744210}.status-pending{background-color:#edf2f7;color:#4a5568}.remark-cell{color:var(--text-muted);font-size:.85rem}.history-modal{width:90%;max-width:500px;height:80vh;display:flex;flex-direction:column}.history-body{flex:1;background:#f8fafc;padding:1.5rem;overflow-y:auto}.student-ref{font-size:.85rem;color:var(--text-muted)}.history-icon-container{background:#ebf4ff;color:#3182ce;padding:10px;border-radius:10px}.remarks-timeline{padding-left:20px;border-left:2px solid #E2E8F0;display:flex;flex-direction:column;gap:1.5rem}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-27px;top:10px;width:12px;height:12px;background:#3182ce;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #ebf4ff}.remark-card{background:#f0efe7;padding:1rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.remark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.8rem}.remark-author{font-weight:600;color:var(--text-main)}.remark-date{color:var(--text-muted)}.remark-content{font-size:.9rem;color:#4a5568;line-height:1.5}.new-remark-input{width:100%;display:flex;gap:12px;align-items:flex-end}.new-remark-input textarea{flex:1;border:1px solid #E2E8F0;border-radius:12px;padding:12px;min-height:80px;outline:none;font-family:inherit;transition:border-color .2s}.new-remark-input textarea:focus{border-color:#3182ce}.send-remark-btn{background:#3182ce;color:#fff;border:none;padding:12px;border-radius:12px;cursor:pointer;transition:opacity .2s}.send-remark-btn:disabled{opacity:.5;cursor:not-allowed}.history-btn-small{display:flex;align-items:center;gap:6px;background:#f0efe7;color:#3182ce;border:1px solid #E2E8F0;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.history-btn-small:hover{background:#f7fafc;border-color:#3182ce}.empty-history{text-align:center;padding:3rem 0;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:.2rem}.page-description{color:var(--text-muted);font-size:.95rem}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.search-filter{position:relative;flex:1;max-width:500px}.search-filter input{width:100%;padding:.7rem 1rem .7rem 2.8rem;border:1px solid #E2E8F0;border-radius:8px;outline:none}.search-filter svg{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.dropdown-filters{display:flex;gap:.8rem}.filter-dropdown{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid #E2E8F0;border-radius:8px;background-color:#f0efe7;cursor:pointer;font-size:.9rem;color:var(--text-muted);min-width:130px;justify-content:space-between}.placements-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.4rem;font-weight:700}.clear-filter-btn{background:none;border:none;color:#3182ce;font-weight:600;cursor:pointer;font-size:.9rem}.tabs-container{display:flex;gap:2rem;border-bottom:1px solid #E2E8F0;margin-bottom:1.5rem;padding-bottom:.2rem}.tab-item{padding-bottom:.8rem;cursor:pointer;color:var(--text-muted);font-weight:500;position:relative;transition:var(--transition)}.tab-item.active{color:var(--text-main);font-weight:600}.tab-item.active:after{content:"";position:absolute;bottom:-.2rem;left:0;width:100%;height:2px;background-color:#3182ce}.pill-tabs-container{display:flex;gap:.5rem;padding:.4rem;background:#f3efff;border-radius:30px;margin-bottom:1.5rem;width:fit-content;border:1px solid #E6E0FF}.pill-tab-item{padding:.6rem 1.5rem;border-radius:25px;border:none;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;background:transparent;color:#718096}.pill-tab-item:hover{color:var(--primary-purple)}.pill-tab-item.active{background:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #490f6b40}.placements-table-wrapper{background-color:#f0efe7;border-radius:var(--border-radius);overflow:hidden}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--primary-purple);font-weight:600}.login-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d1b69,#1a103f);padding:20px}.login-card{background:#f0efe7;width:100%;max-width:450px;padding:2.5rem;border-radius:20px;box-shadow:0 20px 40px #0000004d;text-align:center}.login-header{margin-bottom:2.5rem}.login-logo{width:48px;height:48px;background-color:var(--primary-purple);border-radius:12px;margin:0 auto 1.5rem}.login-header h1{font-size:1.8rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.login-header p{color:var(--text-muted);font-size:.95rem}.login-options{display:flex;flex-direction:column;gap:1.2rem}.login-option{display:flex;align-items:center;padding:1.2rem;border:1px solid #E2E8F0;border-radius:15px;cursor:pointer;transition:var(--transition);text-align:left}.login-option:hover{border-color:var(--primary-purple);background-color:#f8f7ff;transform:translateY(-2px)}.option-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1.2rem}.option-icon.admin{background-color:#ebf8ff;color:#2b6cb0}.option-icon.team{background-color:#f3efff;color:#5a429f}.option-icon.placement{background-color:#f0fff4;color:#2f855a}.option-icon.academic{background-color:#fff5f7;color:#b83280}.option-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.option-info p{font-size:.85rem;color:var(--text-muted)}.arrow{margin-left:auto;color:#cbd5e0;transition:var(--transition)}.login-option:hover .arrow{color:var(--primary-purple);transform:translate(4px)}.back-btn{margin-top:1rem;background:none;border:none;color:var(--primary-purple);font-weight:600;cursor:pointer;font-size:.9rem}.login-footer{margin-top:2rem;color:#fff9;font-size:.85rem}.pipeline-container{display:flex;background:#f0efe7;padding:2rem;border-radius:16px;gap:2rem;align-items:center;justify-content:space-around;margin-top:1rem;box-shadow:0 4px 6px #00000005}.pipeline-stage{text-align:center;position:relative;flex:1}.stage-count{font-size:2rem;font-weight:800;color:#2d3748;margin-bottom:.5rem}.stage-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.stage-arrow{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);color:#cbd5e0;font-size:1.5rem}.attendance-bar-bg{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:4px}.attendance-bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.academic-portal-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:0 0 1rem;margin-top:-1.5rem;flex-wrap:wrap}.import-leads-title{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;line-height:1.2}.left-section{flex:0 1 auto;min-width:300px}.import-leads-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:0}.full-import-card{background-color:#f0efe7;border:1px solid #E2E8F0;color:var(--text-main);width:auto;min-width:400px;max-width:500px;padding:.75rem 1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.upload-drop-zone{border:none;border-radius:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;cursor:pointer;background-color:transparent;text-align:left;flex:1}.upload-drop-zone:hover{border-color:var(--primary-purple);background-color:#f3efff}.upload-icon-circle{width:44px;height:44px;min-width:44px;border-radius:10px;background-color:#f3efff;color:var(--primary-purple);display:flex;align-items:center;justify-content:center}.upload-text-content{display:flex;flex-direction:column;gap:.2rem}.upload-drop-zone h3{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.upload-drop-zone p{color:var(--text-muted);font-size:.75rem;margin:0}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:1px solid transparent}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-scrollbar{-ms-overflow-style:auto;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}