html,body{height:100%}body{flex-direction:column;display:flex}.ws_logo{z-index:1000;background:#406da4;height:50px;padding:15px;position:relative}.ws_logo img{padding-left:100px;position:absolute}.ws_logo .projectName{color:#fff;padding-left:250px;font-size:15px}.menu{margin:0;position:absolute;top:50%;right:20px;transform:translateY(-50%)}#navbar ul{display:none;position:absolute}#navbar li:hover ul{display:block}#navbar,#navbar ul{margin:0;padding:0;list-style-type:none}#navbar li{float:left;border-color:#fff3;border-right-style:solid;border-right-width:1px;height:100%;position:relative}#navbar li:last-child{float:left;border-right:none;height:100%;position:relative}#navbar li a{color:#fff;text-align:center;padding:6px;text-decoration:none;display:block}#navbar ul li{float:none}.left-menu{float:left;width:260px;padding-top:20px;padding-left:10px;position:relative}.left-menu a{color:gray}.left-menu a:hover{color:#1330c0}.left-menu hr{margin:8px}.auth_form{justify-content:center;align-items:center;padding-top:20px;display:flex}.auth_form form{border:2px solid #e1e1e1;border-radius:4px;width:100%;padding:20px}.auth_form form h2{font-size:20px}.request_form{justify-content:center;align-items:center;padding-top:20px;display:flex}.request_form .reference input,.request_form .date input{width:300px;display:inline-block}.table-condensed{min-width:300px}.modal-body .modal-body-content p{cursor:pointer}.wrapper{flex:1 0 auto}.content{width:1200px;margin:0 auto}.request_form>.content{width:90%}.request_form ul#requestTab,.request_form .buttons{width:1200px}#requestTabContent{justify-content:center;align-items:center;display:flex}#requestTabContent>div{width:1200px}#requestTabContent>div#listOfModules{width:100%}table{border:1px solid #ccc}.table-header{color:#000;vertical-align:top;background:#ccc;font-size:14pt}#request_form .table{margin-bottom:0}.member-info{border:0;width:600px}.member-info .field-name{width:300px;font-weight:700}.wsss-table{width:600px}.wsss-table tr td{border:1px solid #000}#diagram{width:500px;height:500px}.btns{text-align:right;padding-bottom:10px}.btns button{padding:10px}.photo{text-align:center}.photo .container{text-align:center;width:400px}.mem-list-actions{width:270px}.sign-mem-list-actions{width:110px}.colleges input,select{width:100%;height:50px}.member-photo{max-width:400px;height:auto;margin-bottom:10px}.member-form{background:#cae0fe;padding:20px;box-shadow:0 0 10px #00000080}.file-box{border:1px solid gray;padding:10px}.file-link,.file-link:hover{color:#1330c0}.tdr-mem-check{background:#fffde6}.tdr-mem-sign{background:#e1ffeb}.form-group label{color:#666;font-weight:700}.place{width:80px}.col-middle{text-align:center}abbr{color:#1330c0}.ws_footer{color:#fff;background:#252525;margin-top:auto;padding-top:20px;padding-bottom:20px;padding-left:100px}.footer-info{flex:none;padding:20px}.field-error{background-color:#c05a5d}.red{color:red}.green{color:green}.orange{color:orange}.gray{color:#3c3c3c}.blue{color:#00f}.bold{font-weight:700}.italic{font-style:italic}.center{text-align:center}.fa-check{color:green;font-weight:700}.btn{margin:5px}.table-btn{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.skills-passport-view{width:800px}.wsss-table{counter-reset:rowNumber}.wsss-table tr{counter-increment:rowNumber}.wsss-table tr td:first-child{text-align:center;width:30px}.wsss-table tr td:first-child:before{content:counter(rowNumber)}.exportFiles{text-align:center;border:1px solid red}.main-content{flex:1;padding:20px}:root{--primary-color:#1f4c8f;--primary-dark:#153a70;--primary-light:#2a6fba;--secondary-color:#edf2f7;--text-color:#2d3748;--text-light:#718096;--border-color:#e2e8f0;--success-color:#38a169;--warning-color:#ecc94b;--danger-color:#e53e3e;--white:#fff;--background-color:#f5f8fc;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--footer-bg:#153a70}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);margin:0;line-height:1.6}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,h4,h5,h6{color:#1a1a1a;margin-top:0;font-weight:600}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:#049}button{cursor:pointer;font-family:inherit;transition:all .2s}input,select,textarea{font-family:inherit}.top100-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.top100-status-badge--gray{color:#4a5568;background:#edf2f7;border-color:#cbd5e0}.top100-status-badge--blue{color:#2b6cb0;background:#ebf8ff;border-color:#90cdf4}.top100-status-badge--green{color:#2f855a;background:#f0fff4;border-color:#9ae6b4}.top100-status-badge--yellow{color:#b7791f;background:#fffaf0;border-color:#f6e05e}.top100-status-badge--orange{color:#c05621;background:#fff7ed;border-color:#fbd38d}.top100-status-badge--red{color:#c53030;background:#fff5f5;border-color:#fc8181}.top100-status-badge--purple{color:#6b46c1;background:#faf5ff;border-color:#d6bcfa}.top100-metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.top100-metric-card{border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a0a}.top100-metric-card__header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.top100-metric-card__value{color:var(--primary-dark);margin-bottom:.35rem;font-size:1.9rem;font-weight:700;line-height:1.1}.top100-metric-card__hint{color:var(--text-light);font-size:.9rem}.top100-filter-panel{flex-direction:column;gap:1rem;display:flex}.top100-filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.top100-filter-chip-group{flex-wrap:wrap;gap:.75rem;display:flex}.top100-filter-chip{color:var(--text-color);background:#f8fafc;border:1px solid #dbe4f0;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .85rem;display:inline-flex}.top100-filter-chip input{margin:0}.top100-summary-chip-list{flex-wrap:wrap;gap:.75rem;display:flex}.top100-summary-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.6rem;padding:.55rem .8rem;display:inline-flex}.top100-summary-chip__label{color:var(--text-color);font-size:.95rem}.top100-summary-chip__remove{color:#718096;cursor:pointer;background:0 0;border:none;padding:0 .1rem;font-size:.95rem;line-height:1}.top100-summary-chip__remove:hover{color:#2d3748}.top100-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.top100-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.top100-detail-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem}.top100-detail-field__label{color:var(--text-light);margin-bottom:.35rem;font-size:.9rem;display:block}.top100-detail-field__value{color:var(--text-color);word-break:break-word;font-weight:600}.top100-section-card{margin-bottom:1rem}.top100-link-list{gap:.9rem;display:grid}.top100-link-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.top100-assignment-list{gap:.85rem;display:grid}.top100-assignment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.top100-assignment-card__meta{flex-direction:column;gap:.45rem;display:flex}.top100-action-row{flex-wrap:wrap;gap:12px;display:flex}.top100-confirm-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;padding:1rem}.top100-confirm-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.top100-confirm-panel__hint{color:var(--text-light);margin-bottom:1rem}.top100-quick-filter-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.top100-quick-filter-button{color:var(--text-color);background:#fff;border:1px solid #dbe4f0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem;display:inline-flex}.top100-quick-filter-button:hover{background:#f8fafc}.top100-quick-filter-button--active{color:#2b6cb0;background:#ebf8ff;border-color:#90cdf4}.top100-table-row--warning>td{background:#fffaf0}.top100-table-row--danger>td{background:#fff5f5}.top100-table-row--success>td{background:#f0fff4}.top100-sort-header{color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;font-weight:600;display:inline-flex}.top100-sort-header--active{color:var(--primary-color)}.top100-sort-header__icon{color:var(--text-light);font-size:.85rem}:root{--primary-color:#1f4c8f;--primary-dark:#153a70;--primary-light:#2a6fba;--success-color:#38a169;--danger-color:#e53e3e;--warning-color:#ecc94b;--text-color:#2d3748;--text-light:#718096;--border-color:#e2e8f0;--white:#fff;--bg-soft:#f5f8fc}.app-container{flex-direction:column;min-height:100vh;display:flex}.container{box-sizing:border-box;width:min(1200px,100% - 2rem);margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}.main-content{flex:1;padding-top:2rem;padding-bottom:2rem}.landing-view .main-content{padding-top:0}.container:has(.admin-overview-root){width:95vw;max-width:95vw}.container:has(.admin-dashboard-root){width:95vw;max-width:95vw}.topbar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 12px #0000001a}.topbar-landing{z-index:1000;box-shadow:none;background:0 0;position:absolute;top:0;left:0;right:0}.topbar-inner{justify-content:center;align-items:center;height:56px;display:flex;position:relative}.brand{letter-spacing:.2px;margin:0;font-size:1.25rem;font-weight:700;position:absolute;left:clamp(16px,4vw,32px);color:#fff!important}.nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav a{color:#fff;border-radius:6px;padding:6px 8px;font-size:.95rem;text-decoration:none}.nav a:hover{background:#ffffff1f}.user-chip{color:#fff;border-right:1px solid #fff3;padding:6px 8px;font-size:.9rem}.auth_form{background-color:#f8f9fa;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2rem;display:flex}.auth_form form{background:#fff;border:1px solid #edf2f7;border-radius:12px;max-width:450px;padding:2.5rem;box-shadow:0 10px 25px #0000000d;width:100%!important}.auth_form h2{color:#2d3748;text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.auth_form hr{display:none}.auth_form .form-group{margin-bottom:1.25rem}.auth_form label{color:#4a5568;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.auth_form input.form-control{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.auth_form input.form-control:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.auth_form .btn-primary{color:#fff;cursor:pointer;background-color:#3182ce;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.auth_form .btn-primary:hover{background-color:#2b6cb0;transform:translateY(-1px)}.auth_form .btn-primary:disabled{cursor:not-allowed;background-color:#cbd5e0;transform:none}.auth_form .hint-text{color:#718096;text-align:left;margin-top:1rem;font-size:.85rem;line-height:1.5}.auth_form .footer-links{text-align:center;margin-top:1.5rem;font-size:.95rem}.auth_form .footer-links a{color:#3182ce;font-weight:500;text-decoration:none}.auth_form .footer-links a:hover{text-decoration:underline}.auth_form .checkbox-group{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.auth_form .checkbox-label{cursor:pointer;align-items:center;font-size:.95rem;font-weight:500;display:flex}.auth_form .checkbox-label input{width:18px;height:18px;margin-right:10px}.application-form-container{background:var(--white);border-radius:12px;max-width:900px;margin:2rem auto;padding:2.5rem;box-shadow:0 4px 20px #0000000d}.steps-indicator{justify-content:space-between;margin-bottom:2.5rem;padding:0 1rem;display:flex;position:relative}.steps-indicator:before{content:"";z-index:0;background:#e0e0e0;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.steps-indicator span{z-index:1;background:var(--white);color:var(--text-light);border:2px solid #e0e0e0;border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .3s;position:relative}.steps-indicator span.active{color:var(--primary-color);border-color:var(--primary-color);background:#f0f7ff;font-weight:600}.step-content{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}fieldset{border:none;margin:0;padding:0}legend{color:var(--text-color);border-bottom:1px solid var(--border-color);width:100%;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600;display:block}.form-group{margin-bottom:1.5rem}.form-group label{color:#444;margin-bottom:.5rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group input[type=number],.form-group input[type=url],.form-group select,.form-group textarea{border:1px solid var(--border-color);box-sizing:border-box;border-radius:6px;width:100%;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-actions{justify-content:space-between;gap:1rem;margin-top:2.5rem;display:flex}.form-actions button{border-radius:6px;padding:10px 20px;font-weight:500}.prev-btn{border:1px solid var(--border-color);color:var(--text-color);background-color:#0000}.next-btn{background-color:var(--primary-color);color:#fff;border:none}.next-btn:hover{background-color:#05a}.sign-btn{background-color:var(--success-color);color:#fff;border:none;font-weight:600}.sign-btn:hover{background-color:#218838}.file-upload-wrapper{margin-top:.5rem}.file-input{border:1px dashed var(--border-color);cursor:pointer;background:#f8f9fa;border-radius:6px;width:100%;padding:8px;display:block}.file-input:hover{background:#e9ecef}.file-link{color:var(--primary-color);margin-top:.5rem;font-size:.9rem;text-decoration:underline;display:inline-block}.admin-dashboard{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d}.applications-table{border-collapse:collapse;width:100%;margin-top:1.5rem}.applications-table th{color:var(--text-light);text-align:left;border-bottom:2px solid var(--border-color);background-color:#f8f9fa;padding:12px 16px;font-weight:600}.applications-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:12px 16px}.applications-table tr:hover{background-color:#f8f9fa}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500;display:inline-block}.status-draft{color:#495057;background:#e9ecef}.status-pending{color:#856404;background:#fff3cd}.status-approved{color:#155724;background:#d4edda}.status-rejected{color:#721c24;background:#f8d7da}.status-needs_clarification{color:#004085;background:#cce5ff}.admin-details-container{background:var(--white);border-radius:12px;max-width:1000px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 15px #0000000d}.table-compact th,.table-compact td{vertical-align:middle;padding:10px 14px;line-height:1.3}.details-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.details-section{margin-bottom:2rem}.details-section h3{color:var(--primary-color);background:#f8f9fa;border-radius:6px;margin-bottom:1rem;padding:8px 12px;font-size:1.2rem}.info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.info-item label{color:var(--text-light);margin-bottom:4px;font-size:.85rem;display:block}.info-item div{color:var(--text-color);font-weight:500}.action-buttons{border-top:1px solid var(--border-color);gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.btn-approve{background-color:var(--success-color);color:#fff;border:none;border-radius:6px;padding:10px 20px}.btn-reject{background-color:var(--danger-color);color:#fff;border:none;border-radius:6px;padding:10px 20px}.btn-clarify{background-color:var(--warning-color);color:#333;border:none;border-radius:6px;padding:10px 20px}.admin-comment-box{color:#856404;background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin-top:1.5rem;padding:1rem}.score-table{border-collapse:collapse;background:var(--white);border-radius:8px;width:100%;margin-top:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.score-table th,.score-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.score-table th{background-color:var(--secondary-color);color:var(--text-color);font-weight:600}.score-table tr:last-child td{border-bottom:none}.score-table .total-row{background-color:var(--secondary-color);color:var(--primary-color);font-weight:700}.history-section{margin-top:2rem}.history-list{flex-direction:column;gap:1rem;display:flex}.history-item{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1rem;position:relative}.history-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.history-date{color:var(--text-light);font-size:.85rem}.history-user{color:var(--text-color);margin-bottom:.5rem;font-size:.9rem}.history-comment{color:var(--text-color);background:var(--secondary-color);border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.95rem;font-style:italic}.status-signed{color:#343a40;background:#e2e6ea}.status-under_review{color:#856404;background:#fff3cd}.topbar .container{width:90%;max-width:none;padding-left:16px;padding-right:16px}.ws_footer{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);color:#fff;border-top:1px solid #ffffff1a;padding:2.5rem 0}.footer-info{text-align:center;opacity:.8;font-size:.95rem}