*{margin:0;padding:0;box-sizing:border-box}body{--primary: #2b2a2a;--secondary: #ffd291;--primaryHover: #ffd291;--black: #000;--lightGray: #f4f4f4;--gray: #706c6a;--dummy: #ddd9d9}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--black)}body::-webkit-scrollbar{width:0px}.anchor-p{text-decoration:underline;cursor:pointer;color:#87ceeb}.Outlet-Container{height:90%;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;background-color:#f5f5f5;overflow:auto;width:100%}select{cursor:pointer}input{background-color:#f5f5f5;height:40px}button{margin:0}.popup-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box{background:#fff;width:360px;padding:20px 22px;border-radius:14px;box-shadow:0 12px 30px #00000040}.popup-text{font-size:16px;font-weight:500;color:#000;margin-bottom:18px}.popup-actions{display:flex;justify-content:flex-end;gap:12px}.btn-no{background:#2b2b2b;color:#fff;border:none;padding:7px 16px;border-radius:8px;font-size:14px;cursor:pointer}.btn-yes{background:#fff;color:#000;border:1px solid #cfcfcf;padding:7px 16px;border-radius:8px;font-size:14px;cursor:pointer}.btn-no:hover{background:#000}.btn-yes:hover{background:#f2f2f2}.table-wrapper{width:90%;max-height:80vh;overflow:auto}.table-wrapper::-webkit-scrollbar{width:3px;height:3px}.table-wrapper::-webkit-scrollbar-thumb{background:gray;border-radius:6px}.dynamic-table{width:100%;border-collapse:collapse;color:#000;font-size:14px}.dynamic-table thead th{position:sticky;top:0;background:#b7b7b7;color:#000;padding:10px;text-align:left;font-weight:600;z-index:2}.dynamic-table tbody td{padding:10px}.dynamic-table tbody tr{border-bottom:1px solid #a4a3a3}.dynamic-table tbody tr:nth-child(2n){background-color:#f7f3f3}.status-pill{background:gray;color:#000;padding:6px 14px;border-radius:8px;font-size:13px;display:inline-block}.action-cell{display:flex;gap:10px;align-items:center}.approve-btn{background:#2f2f2f;color:#fff;padding:8px 18px;border-radius:10px;border:1px solid #999;cursor:pointer}.delete-btn{background:transparent;color:red;font-size:18px;border:none;cursor:pointer}.no-data{text-align:center;padding:20px}.search-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px;width:100%}.Search_container{display:flex;justify-content:end;width:50%;align-items:center;gap:20px}.search-box{position:relative;width:260px}.search-box input{width:100%;padding:10px 40px 10px 14px;border-radius:8px;border:1px solid #ddd;outline:none;font-size:14px;min-width:100px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#555}.current-path{font-size:20px}.filter-box{position:relative}.filter-btn{background:#111;color:#fff;border:none;border-radius:8px;padding:10px;cursor:pointer}.filter-dropdown{position:absolute;top:45px;right:0;background:#fff;border-radius:10px;box-shadow:0 5px 20px #00000026;width:180px;display:none;z-index:10}.filter-box:hover .filter-dropdown{display:block}.filter-title{font-weight:600;padding:10px 14px;border-bottom:1px solid #eee}.filter-item{padding:10px 14px;cursor:pointer;transition:.2s}.filter-item:hover{background:#f2f2f2}.filter-item.active{background:#000;color:#fff}.Admin-container{display:flex;align-items:center;flex-direction:column;height:100%}.Admin-top{width:90%;height:15%;display:flex;justify-content:end;align-items:center;gap:10px}.Admin-table{width:100%;display:flex;align-items:center;justify-content:center}.Alumni-container{display:flex;align-items:center;flex-direction:column;height:100%}.Alumni-top{width:90%;height:15%;display:flex;justify-content:end;align-items:center;gap:10px}.Alumni-table{width:100%;display:flex;align-items:center;justify-content:center}.view-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.view-card{width:75%;height:80%;background:#fff;border-radius:20px;padding:24px;position:relative;box-shadow:0 4px 18px #0000001f;display:flex;flex-direction:column;overflow:auto}.close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;font-size:20px;cursor:pointer}.form-row{width:100%;display:flex;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.field{min-width:200px;width:48%;display:flex;flex-direction:column;flex:1}.field label{font-size:14px;font-weight:600;margin-bottom:6px}.field input{width:100%;padding:12px 14px;border-radius:14px;border:none;background:#f3f3f3;font-size:14px}.image-box{width:100%;height:40%;margin-top:20px;border-radius:20px;box-shadow:0 3px 14px #00000026;align-self:flex-start;margin-bottom:10px}.image-box img{width:100%;height:100%;object-fit:contain}.btn-row{width:100%;margin-top:auto;display:flex;justify-content:flex-end;gap:14px}.back-btn{padding:10px 22px;border-radius:10px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:14px}.Approval-container{display:flex;align-items:center;flex-direction:column;height:100%}.Approval-top{width:90%;height:15%;display:flex;justify-content:end;align-items:center;gap:10px}.Approval-table{width:100%;display:flex;align-items:center;justify-content:center}.Dashboard-container{padding:20px 40px;width:100%;display:flex;flex-wrap:wrap;row-gap:20px;column-gap:30px}.Dashboard-card{border:1px solid gray;width:30%;border-radius:5px;height:fit-content;min-width:300px;flex:1}.Dashboard-card-top{display:flex;padding:20px;align-items:center;justify-content:space-between}.Dashboard-card-icon{display:flex;font-size:30px}.Dashboard-card-top-content{display:flex;gap:10px}.Dashboard-card-top-content p{border-radius:10px;padding:5px 7px}.Dashboard-contents{display:flex;flex-direction:column;gap:10px;padding:20px}.Dashboard-contents h3{font-size:25px}.Dashboard-contents p{font-size:25px;margin-bottom:20px}.Login_container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.Login_Box{width:30%;max-width:520px;min-width:300px;height:auto;background:#fff;border-radius:24px;padding:32px;box-shadow:0 6px 10px #00000040;position:relative}.Login_Header{width:100%;display:flex;justify-content:center;align-items:center}.icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:#000;color:#fff;font-size:16px;cursor:pointer}.icon-btn.close{background:#000}.Login_Form{margin-top:28px;display:flex;flex-direction:column}.Login_Form label{font-size:14px;font-weight:600;margin-bottom:8px}.Login_Form input{width:93%;height:48px;padding:0 16px;border-radius:12px;border:none;background:#f4f4f4;font-size:14px;margin-bottom:20px;outline:none}.login-btn{width:120px;height:42px;background:#000;color:#fff;border:none;border-radius:10px;font-size:14px;cursor:pointer;align-self:flex-end}.login-btn:hover{opacity:.9}@media(max-width:1024px){.Login_Box{width:50%}}@media(max-width:400px){.Login_container{padding:10px 20px}}.Total-Container{width:100vw;height:100vh;display:flex}.sidebar-container{width:17%;height:100%;border-right:1px solid rgb(164,164,164);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-width:200px}.side-top{display:flex;flex-direction:column;gap:10px}.Outlet-container{width:83%;height:100%}.sidebar-content{display:flex;justify-content:space-around;padding:10px;border-bottom:1px solid var(--primary);cursor:pointer}.side-active{background-color:var(--primary);color:#fff;border-radius:5px}.sidebar-content:hover{background-color:var(--primary);color:#fff;border-radius:5px;transition:.5s ease-in-out}.sidebar-icon{text-align:start;width:10%;font-size:25px;display:flex;align-items:center}.sidebar-pathname{width:70%;align-items:center}.sidebar-container{width:17%;height:100%;transition:transform .35s ease}.menu-btn{display:none;width:100%;background-color:var(--primary);color:#fff;align-items:center}@media(max-width:900px){.sidebar-container{position:fixed;top:0;left:0;width:25%;background:#fff;transform:translate(-100%);z-index:998}.sidebar-container.open{transform:translate(0)}.menu-btn{display:flex;position:fixed;font-size:26px;cursor:pointer;z-index:1100;padding:6px}.Outlet-container{width:100%}}.menu-btn{height:48px}@media(max-width:900px){.Outlet-container{padding-top:48px}}:root{--nav-height: 48px}.menu-btn{height:var(--nav-height)}@media(max-width:900px){.sidebar-container{top:var(--nav-height);height:calc(100% - var(--nav-height))}.Outlet-container{padding-top:var(--nav-height)}}.Student-container{display:flex;align-items:center;flex-direction:column;height:100%}.Student-top{width:90%;height:15%;display:flex;justify-content:end;align-items:center;gap:10px}.Student-table{width:100%;display:flex;align-items:center;justify-content:center}.svc-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.svc-card{width:80%;height:85%;background:#fff;border-radius:24px;padding:24px;position:relative;box-shadow:0 4px 18px #0000001f;display:flex;flex-direction:column}.svc-close-btn{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;border:none;background:#111;color:#fff;font-size:18px;cursor:pointer}.svc-form-row{width:100%;display:flex;justify-content:space-between;margin-bottom:18px}.svc-form-row.svc-full .svc-field{width:100%}.svc-field{width:48%;display:flex;flex-direction:column}.svc-field label{font-size:14px;font-weight:600;margin-bottom:6px}.svc-field input{width:100%;padding:12px 14px;border-radius:14px;border:none;background:#f3f3f3;font-size:14px}.svc-interests-section{width:100%;margin-top:10px}.svc-interests-section label{font-size:14px;font-weight:600;margin-bottom:10px;display:block}.svc-interests-wrap{width:100%;display:flex;flex-wrap:wrap;gap:10px}.svc-interest-chip{padding:8px 16px;border-radius:18px;border:1px solid #999;background:#fff;font-size:13px}.svc-btn-row{width:100%;margin-top:auto;display:flex;justify-content:flex-end}.svc-back-btn{padding:10px 22px;border-radius:12px;border:none;background:#222;color:#fff;cursor:pointer;font-size:14px}