*{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}.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}.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:#8b8b8b;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:#ffff0082;color:#000;padding:6px 14px;border-radius:8px;font-size:16px;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;margin-top:10px;gap:12px;width:100%;flex-wrap:wrap}.newpath{background-color:var(--primary);color:#fff;padding:5px 30px 5px 20px;border-radius:5px;cursor:pointer}.Search_container{display:flex;justify-content:end;width:50%;align-items:center;gap:20px;flex:1}.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}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#555}.current-path{font-size:20px;display:flex;align-items:center;gap: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}.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}.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}}.signup-overlay{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.signup-card{width:88%;max-width:1000px;height:70vh;background:#fff;border-radius:28px;display:flex;overflow:hidden;position:relative;box-shadow:2px 2px 15px #d7d7d7}.signup-form{flex:1;padding:60px 70px;position:relative;display:flex;flex-direction:column;justify-content:center}.form-title{margin-bottom:30px;font-size:24px;font-weight:600}.input-group{margin-bottom:22px;display:flex;flex-direction:column}.input-group label{font-size:14px;margin-bottom:6px;color:#000;font-weight:500}.input-group input{width:100%;padding:14px 18px;border-radius:14px;border:none;background:#f3f3f3;font-size:14px;outline:none}.input-group input::placeholder{color:#999}.login-btn{margin-top:20px;width:120px;padding:12px 0;border:none;border-radius:10px;background:#000;color:#fff;font-size:14px;cursor:pointer}.signup-image{flex:1.2;position:relative;background:#f7f7f7;display:flex;align-items:center;justify-content:center}.signup-image img{width:92%;height:92%;object-fit:contain;border-radius:24px}@media(max-width:900px){.signup-card{flex-direction:column;height:auto}.signup-form{padding:40px}.signup-image{display:none}}.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}.jobpost-overlay{width:100%;height:90vh;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.jobpost-card{width:85%;max-height:100%;background:#fff;box-shadow:1px 1px 5px #c4c3c3;border-radius:22px;padding:22px;position:relative;display:flex;flex-direction:column;overflow-y:auto}.jobpost-close{position:absolute;top:18px;right:18px;font-size:22px;cursor:pointer}.jobpost-step{width:100%;display:flex;flex-wrap:wrap;gap:18px 4%}.jobpost-group{width:48%;display:flex;flex-direction:column;gap:8px}.jobpost-group label{font-size:15px;font-weight:500}.jobpost-group input,.jobpost-group select,.jobpost-group textarea{width:100%;padding:14px;border-radius:14px;border:none;background:#f3f3f3;font-size:14px;outline:none}.jobpost-group textarea{min-height:120px;resize:none}.jobpost-group textarea,.jobpost-footer{width:100%}.jobpost-footer{display:flex;justify-content:flex-end;margin-top:10px}.jobpost-btn{padding:10px 24px;border-radius:10px;border:none;background:#000;color:#fff;font-size:14px;cursor:pointer}@media(max-width:900px){.jobpost-card{width:90%}.jobpost-group{width:100%}}@media(max-width:600px){.jobpost-card{width:100%;border-radius:16px;padding:16px}.jobpost-group label{font-size:14px}.jobpost-group input,.jobpost-group select,.jobpost-group textarea{padding:12px;font-size:13px}.jobpost-btn{padding:9px 20px;font-size:13px}}.newpost-overlay{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.newpost-card{width:45%;background:#fff;border-radius:22px;padding:22px;position:relative;display:flex;flex-direction:column;gap:20px;box-shadow:1px 1px 5px #c8c6c6}.newpost-close{position:absolute;top:18px;right:18px;font-size:22px;cursor:pointer}.newpost-section{width:100%;display:flex;flex-direction:column;gap:10px}.newpost-section h4{font-size:16px;margin:0}.newpost-section textarea{width:100%;min-height:140px;border-radius:14px;border:none;background:#f3f3f3;padding:14px;font-size:14px;resize:none;outline:none}.upload-box{width:100%;min-height:150px;border:2px dashed #000;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative}.upload-icon{font-size:26px}.upload-box p{font-size:14px;color:#444}.upload-preview{width:80%;max-height:160px;object-fit:cover;border-radius:12px}.file-name{font-size:12px;color:#555}.newpost-section select{width:100%;padding:14px;border-radius:14px;border:none;background:#f3f3f3;font-size:14px;outline:none}.newpost-footer{width:100%;display:flex;justify-content:flex-end}.post-btn{padding:10px 22px;border-radius:10px;border:none;background:#000;color:#fff;font-size:14px;cursor:pointer}@media(max-width:900px){.newpost-card{width:90%}}.post-list{width:100%;display:flex;flex-direction:column;gap:18px;height:100%;align-items:center;overflow:auto}.post-container{padding:0 20px;display:flex;overflow:auto;width:100%;height:80%;gap:20px}.no-post-wrapper{width:100%;height:40vh;display:flex;align-items:center;justify-content:center}.no-post-wrapper p{font-size:16px;color:#777}.post-card{position:relative}.post-actions{position:absolute;top:12px;right:12px;display:flex;gap:10px}.delete-icon,.block-icon{font-size:18px;cursor:pointer;color:#666}.delete-icon:hover{color:red}.block-icon:hover{color:orange}.post-card{width:40%;min-width:500px;background:#fff;border-radius:18px;box-shadow:0 4px 14px #00000014;padding:18px;display:flex;flex-direction:column;gap:14px;height:70vh}.post-header{width:100%;display:flex;justify-content:space-between;align-items:center}.post-user{width:70%;display:flex;align-items:center;gap:12px}.post-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.post-user-info{width:calc(100% - 54px);display:flex;flex-direction:column;gap:4px}.post-name{font-size:16px;font-weight:600;margin:0}.post-meta{font-size:12px;color:#666}.post-time{font-size:12px;color:#888}.post-content{width:100%}.post-content p{font-size:14px;line-height:1.6;margin:0;color:#222}.post-image{width:100%;border-radius:14px;overflow:hidden}.post-image img{width:100%;height:auto;object-fit:cover;display:block;height:100%}@media(max-width:768px){.post-user{width:100%}.post-header{flex-direction:column;align-items:flex-start;gap:10px}.post-time{align-self:flex-end}}.Post-top{width:90%;height:15%;display:flex;justify-content:end;align-items:center;gap:10px}.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:.3s}.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}