.cp-modal-body{flex-direction:column;gap:16px;padding:4px 0;display:flex}.cp-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:18px;padding:20px;display:flex}.cp-section-title{align-items:flex-start;gap:12px;display:flex}.cp-section-title h3{color:#1a3c5e;margin:0 0 4px;font-size:15px;font-weight:700}.cp-section-title p{color:#6b7280;margin:0;font-size:13px}.cp-section-bar{background-color:#1a3c5e;border-radius:2px;width:4px;min-width:4px;height:46px;margin-top:2px;display:inline-block}.cp-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.cp-form-grid{grid-template-columns:1fr}}.cp-field{flex-direction:column;gap:6px;display:flex}.cp-field .d-inline-block,.cp-field .custom-input{width:100%!important;display:block!important}.cp-field .d-inline-block .custom-checkbox-select,.cp-field .custom-input .custom-checkbox-select,.cp-field .input-forms{width:100%}.cp-field .input-forms input.input-field{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.cp-field .input-forms input.input-field::placeholder{color:#9ca3af}.cp-field .input-forms input.input-field:focus{background:#fff;border-color:#1a3c5e;outline:none}.cp-label{color:#374151;font-size:12px;font-weight:500}.cp-error{color:#ef4444;font-size:11px}.cp-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:16px;padding:18px 20px;animation:.25s cp-fade-in;display:flex}@keyframes cp-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cp-info-row{grid-template-columns:1fr 1fr;gap:20px 16px;display:grid}@media (width<=600px){.cp-info-row{grid-template-columns:1fr}}.cp-info-item{flex-direction:column;gap:6px;display:flex}.cp-info-label{color:#111827;font-size:13px;font-weight:700}.cp-info-value{color:#374151;word-break:break-word;font-size:13px}.cp-footer{justify-content:flex-end;gap:10px;width:100%;display:flex}.cp-form-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=768px){.cp-form-header{flex-direction:column;gap:12px}}.cp-input-search-block{flex-direction:column;gap:6px;display:flex}.cp-input-label{color:#374151;font-size:13px;font-weight:600}.cp-required{color:#ef4444;margin-left:2px}.cp-input-search-row{align-items:center;gap:10px;display:flex}@media (width<=576px){.cp-input-search-row{flex-direction:column;align-items:stretch}}.cp-number-input{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;outline:none;flex:1;height:40px;padding:0 14px;font-size:13px;transition:border-color .2s,background .2s}.cp-number-input::placeholder{color:#9ca3af}.cp-number-input:focus{background:#fff;border-color:#1a3c5e}.cp-number-input.cp-input-error-border{background:#fff5f5;border-color:#ef4444}.cp-input-error-msg{color:#ef4444;margin-top:2px;font-size:11.5px}.cp-qualification-selector{flex-shrink:0;align-items:center;gap:10px;display:flex}@media (width<=768px){.cp-qualification-selector{flex-direction:column;align-items:flex-start;gap:6px;width:100%}}.cp-qual-label{color:#374151;white-space:nowrap;font-size:13px;font-weight:600}@media (width<=768px){.cp-qual-label{white-space:normal;width:100%;display:block}}.cp-qual-loading{color:#9ca3af;padding:8px 12px;font-size:13px;font-style:italic;display:inline-block}.cp-qual-dropdown-wrapper{align-items:center;gap:8px;display:flex}@media (width<=768px){.cp-qual-dropdown-wrapper{width:100%;display:block}}.cp-qual-dropdown-wrapper .d-inline-block.custom-input{min-width:160px}@media (width<=768px){.cp-qual-dropdown-wrapper .d-inline-block.custom-input{min-width:unset;width:100%!important;display:block!important}.cp-qual-dropdown-wrapper .d-inline-block.custom-input>div{width:100%!important}}.address-preview-card{flex-direction:column;gap:5px;display:flex;box-shadow:inset 0 2px 4px #00000005}.address-preview-card.background-style{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:20px}.address-preview-card .sp-info-field{flex-direction:column;display:flex}.address-preview-card .sp-info-field .sp-info-value{font-size:var(--font-size-sm);color:var(--text-secondary);word-break:break-word;font-weight:500;line-height:1.6}@media (width<=1024px){:root{--font-size-xxs:calc(8px * var(--font-scale));--font-size-xs:calc(11px * var(--font-scale));--font-size-s:calc(12px * var(--font-scale));--font-size-sm:calc(13px * var(--font-scale));--font-size-base:calc(14px * var(--font-scale));--font-size-base-2:calc(16px * var(--font-scale));--font-size-lg:calc(18px * var(--font-scale));--font-size-xl:calc(22px * var(--font-scale));--font-size-xxl:calc(28px * var(--font-scale));--font-size-xxxl:calc(36px * var(--font-scale));--font-size-4xl:calc(42px * var(--font-scale));--font-size-5xl:calc(52px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(200px, 1fr))}}@media (width<=480px){:root{--font-size-xxs:calc(7px * var(--font-scale));--font-size-xs:calc(10px * var(--font-scale));--font-size-s:calc(11px * var(--font-scale));--font-size-sm:calc(12px * var(--font-scale));--font-size-base:calc(13px * var(--font-scale));--font-size-base-2:calc(15px * var(--font-scale));--font-size-lg:calc(16px * var(--font-scale));--font-size-xl:calc(20px * var(--font-scale));--font-size-xxl:calc(24px * var(--font-scale));--font-size-xxxl:calc(30px * var(--font-scale));--font-size-4xl:calc(36px * var(--font-scale));--font-size-5xl:calc(46px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(250px, 1fr))}}.social-media-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:16px;margin-bottom:1.25rem;padding:1.25rem 1rem;box-shadow:0 1px 3px #0000000a}.social-media-card .social-media-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.social-media-card .social-media-card-header .social-media-card-title{font-size:var(--font-size-base-2);color:var(--text-primary,#1e293b);margin:0;font-weight:700}.social-media-card .social-media-card-header .social-media-add-btn{border-radius:20px}.social-media-card .social-media-card-body .social-media-empty-box{background-color:var(--bg-tertiary,#f8fafc);text-align:center;border-radius:14px;justify-content:center;align-items:center;padding:2.25rem 1.25rem;display:flex}.social-media-card .social-media-card-body .social-media-empty-box .social-media-empty-text{color:var(--text-tertiary,#94a3b8);font-size:var(--font-size-sm);margin:0;font-weight:500}.social-media-card .social-media-card-body .social-media-list{flex-direction:column;gap:.75rem;display:flex}.social-media-card .social-media-card-body .social-media-list .social-media-item{background-color:var(--bg-secondary,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .15s ease-in-out;display:flex}.social-media-card .social-media-card-body .social-media-list .social-media-item:hover{border-color:var(--border-secondary,#cbd5e1);box-shadow:0 2px 5px #00000008}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-left{flex:1;align-items:center;gap:.875rem;min-width:0;display:flex}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-left .social-media-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-left .social-media-info{flex-direction:column;min-width:0;display:flex}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-left .social-media-info .social-media-platform-name{font-size:var(--font-size-sm);color:var(--text-primary,#1e293b);font-weight:700;line-height:1.25}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-left .social-media-info .social-media-url{font-size:var(--font-size-xs);color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:380px;text-decoration:none;overflow:hidden}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-left .social-media-info .social-media-url:hover{color:var(--accent-primary,#3b82f6);text-decoration:underline}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-actions{flex-shrink:0;align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-actions .social-media-action-btn{border-radius:8px;width:36px;height:36px;padding:0}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-actions .social-media-action-btn.edit-btn{color:var(--accent-primary,#3b82f6)}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-actions .social-media-action-btn.edit-btn:hover{background-color:var(--bg-tertiary,#eff6ff)}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-actions .social-media-action-btn.delete-btn{color:var(--error,#ef4444)}.social-media-card .social-media-card-body .social-media-list .social-media-item .social-media-item-actions .social-media-action-btn.delete-btn:hover{background-color:#fef2f2}.social-modal-body{background-color:var(--bg-secondary,#fff);padding:.5rem}.social-modal-body .social-form-label{font-size:var(--font-size-sm);color:var(--text-primary,#1e293b);margin-bottom:.75rem;font-weight:700;display:block}.social-modal-body .social-form-label .required-star{color:var(--error,#ef4444)}.social-modal-body .platform-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}@media (width<=500px){.social-modal-body .platform-grid{grid-template-columns:1fr}}.social-modal-body .platform-grid .platform-card{border:1.5px solid var(--border-primary,#e2e8f0);background-color:var(--bg-secondary,#fff);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.social-modal-body .platform-grid .platform-card:hover{border-color:var(--border-secondary,#cbd5e1);background-color:var(--bg-tertiary,#f8fafc)}.social-modal-body .platform-grid .platform-card.selected{border-color:var(--accent-primary,#1d4ed8);background-color:#eff6ff}.social-modal-body .platform-grid .platform-card.selected .platform-name{color:var(--accent-primary,#1d4ed8);font-weight:700}.social-modal-body .platform-grid .platform-card.selected .platform-radio{border-color:var(--accent-primary,#1d4ed8)}.social-modal-body .platform-grid .platform-card.disabled{cursor:not-allowed;opacity:.55;background-color:var(--bg-tertiary,#f8fafc)}.social-modal-body .platform-grid .platform-card.disabled:hover{border-color:var(--border-primary,#e2e8f0)}.social-modal-body .platform-grid .platform-card .platform-added-badge{font-size:var(--font-size-xs);color:var(--success,#15803d);background-color:#dcfce7;border-radius:999px;flex-shrink:0;padding:.1rem .55rem;font-weight:600}.social-modal-body .platform-grid .platform-card .platform-card-left{align-items:center;gap:.65rem;display:flex}.social-modal-body .platform-grid .platform-card .platform-card-left .platform-name{font-size:var(--font-size-sm);color:var(--text-primary,#1e293b);font-weight:600}.social-modal-body .platform-grid .platform-card .platform-radio{border:2px solid var(--border-secondary,#cbd5e1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.social-modal-body .platform-grid .platform-card .platform-radio .platform-radio-dot{background-color:var(--accent-primary,#1d4ed8);border-radius:50%;width:8px;height:8px}.social-modal-body .url-input-wrapper{border:1px solid var(--border-secondary,#cbd5e1);background-color:var(--bg-secondary,#fff);border-radius:10px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.social-modal-body .url-input-wrapper:focus-within{border-color:var(--accent-primary,#1d4ed8);box-shadow:0 0 0 3px #1d4ed81a}.social-modal-body .url-input-wrapper.has-error{border-color:var(--error,#ef4444)}.social-modal-body .url-input-wrapper .url-input-icon-box{background-color:var(--bg-tertiary,#f1f5f9);border-right:1px solid var(--border-secondary,#cbd5e1);color:var(--text-secondary,#64748b);justify-content:center;align-items:center;padding:.75rem .875rem;display:flex}.social-modal-body .url-input-wrapper .url-input-field{width:100%;font-size:var(--font-size-sm);color:var(--text-primary,#1e293b);border:none;outline:none;padding:.75rem .875rem}.social-modal-body .url-input-wrapper .url-input-field::placeholder{color:var(--text-tertiary,#94a3b8)}.social-modal-body .url-hint-text{font-size:var(--font-size-xs);color:var(--text-secondary,#64748b);display:block}.social-modal-body .url-error-text{font-size:var(--font-size-xs);color:var(--error,#ef4444);margin-top:.35rem;display:block}.social-modal-body .social-modal-footer{background-color:var(--bg-tertiary,#f8fafc);border-top:1px solid var(--border-primary,#f1f5f9);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.social-modal-body .social-modal-footer .social-btn-cancel{background-color:var(--error,#c00);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:8px;padding:8px 22px;font-weight:600;transition:background-color .2s}.social-modal-body .social-modal-footer .social-btn-cancel:hover{background-color:#b91c1c}.social-modal-body .social-modal-footer .social-btn-submit{background-color:var(--text-primary,#003865);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:8px;padding:8px 22px;font-weight:600;transition:background-color .2s}.social-modal-body .social-modal-footer .social-btn-submit:hover{background-color:#002747}@media (width<=1024px){:root{--font-size-xxs:calc(8px * var(--font-scale));--font-size-xs:calc(11px * var(--font-scale));--font-size-s:calc(12px * var(--font-scale));--font-size-sm:calc(13px * var(--font-scale));--font-size-base:calc(14px * var(--font-scale));--font-size-base-2:calc(16px * var(--font-scale));--font-size-lg:calc(18px * var(--font-scale));--font-size-xl:calc(22px * var(--font-scale));--font-size-xxl:calc(28px * var(--font-scale));--font-size-xxxl:calc(36px * var(--font-scale));--font-size-4xl:calc(42px * var(--font-scale));--font-size-5xl:calc(52px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(200px, 1fr))}}@media (width<=480px){:root{--font-size-xxs:calc(7px * var(--font-scale));--font-size-xs:calc(10px * var(--font-scale));--font-size-s:calc(11px * var(--font-scale));--font-size-sm:calc(12px * var(--font-scale));--font-size-base:calc(13px * var(--font-scale));--font-size-base-2:calc(15px * var(--font-scale));--font-size-lg:calc(16px * var(--font-scale));--font-size-xl:calc(20px * var(--font-scale));--font-size-xxl:calc(24px * var(--font-scale));--font-size-xxxl:calc(30px * var(--font-scale));--font-size-4xl:calc(36px * var(--font-scale));--font-size-5xl:calc(46px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(250px, 1fr))}}.student-profile{flex-direction:column;gap:1.25rem;min-height:100%;font-family:inherit;display:flex}.student-profile .sp-completion-banner{background:var(--bg-secondary,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;box-shadow:0 1px 4px #0000000d}.student-profile .sp-completion-banner .sp-completion-icon{background:var(--bg-tertiary,#eef2f7);width:44px;height:44px;color:var(--accent-primary,#1e3a5f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.student-profile .sp-completion-banner .sp-completion-info{flex:1;min-width:160px}.student-profile .sp-completion-banner .sp-completion-info h3{color:var(--text-primary,#1a202c);margin:0 0 .15rem;font-size:.9rem;font-weight:700}.student-profile .sp-completion-banner .sp-completion-info p{color:var(--text-tertiary,#718096);margin:0 0 .45rem;font-size:.78rem}.student-profile .sp-completion-banner .sp-completion-info .sp-bar-wrapper{align-items:center;gap:.6rem;display:flex}.student-profile .sp-completion-banner .sp-completion-info .sp-bar-wrapper .sp-bar{background:var(--border-primary,#e2e8f0);border-radius:999px;flex:1;max-width:220px;height:5px;overflow:hidden}.student-profile .sp-completion-banner .sp-completion-info .sp-bar-wrapper .sp-bar .sp-bar-fill{background:var(--accent-primary,#1e3a5f);border-radius:999px;height:100%;transition:width .4s}.student-profile .sp-completion-banner .sp-completion-info .sp-bar-wrapper .sp-bar-label{color:var(--text-secondary,#4a5568);white-space:nowrap;font-size:.72rem;font-weight:600}.student-profile .sp-completion-banner .sp-back-btn{flex-shrink:0;margin-left:auto}@media (width<=480px){.student-profile .sp-completion-banner .sp-back-btn{width:100%;margin-left:0}}.student-profile .sp-completion-banner .sp-complete-btn{background:var(--accent-primary,#1e3a5f);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.78rem;font-weight:600;transition:opacity .2s;display:flex}.student-profile .sp-completion-banner .sp-complete-btn:hover{opacity:.88}@media (width<=900px){.student-profile .sp-content{flex-direction:column}}.student-profile .sp-left-panel{background:var(--bg-secondary,#fff);border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;height:max-content;padding:1.25rem 1rem;display:flex;box-shadow:0 1px 4px #0000000d}@media (width<=900px){.student-profile .sp-left-panel{width:100%}}.student-profile .sp-left-panel .sp-avatar-wrapper{margin-bottom:.875rem;position:relative}.student-profile .sp-left-panel .sp-avatar-wrapper .sp-avatar-edit-btn{border-radius:50%;width:30px;min-width:0;height:30px;padding:0;position:absolute;bottom:0;right:0}.student-profile .sp-left-panel .sp-avatar-wrapper .sp-avatar{border:3px dashed var(--border-primary,#cbd5e0);background:var(--bg-tertiary,#eef2f7);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.student-profile .sp-left-panel .sp-avatar-wrapper .sp-avatar img{object-fit:cover;width:100%;height:100%}.student-profile .sp-left-panel .sp-avatar-wrapper .sp-avatar .sp-avatar-initials{color:var(--accent-primary,#1e3a5f);font-size:1.75rem;font-weight:700}.student-profile .sp-left-panel .sp-name{font-size:var(--font-size-base-2);color:var(--text-primary,#1a202c);text-align:center;margin:0 0 .2rem;font-weight:700}.student-profile .sp-left-panel .sp-appar-id{font-size:var(--font-size-s);color:var(--text-secondary);white-space:nowrap}.student-profile .sp-left-panel .sp-divider{background:var(--border-primary,#e2e8f0);width:100%;height:1px;margin-bottom:.875rem}.student-profile .sp-left-panel .sp-details{flex-direction:column;gap:.45rem;width:100%;display:flex}.student-profile .sp-left-panel .sp-details .sp-detail-row{font-size:var(--font-size-s);justify-content:space-between;gap:.4rem;display:flex}.student-profile .sp-left-panel .sp-details .sp-detail-row .sp-detail-label{color:var(--text-secondary);white-space:nowrap}.student-profile .sp-left-panel .sp-details .sp-detail-row .sp-detail-value{color:var(--text-primary);word-break:break-word;font-weight:600}.student-profile .sp-left-panel .sp-download-btn{background:var(--accent-primary,#1e3a5f);color:#fff;cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem 1rem;font-size:.78rem;font-weight:600;transition:opacity .2s;display:flex}.student-profile .sp-left-panel .sp-download-btn:hover{opacity:.88}.student-profile .sp-right-panel{flex-direction:column;flex:1;gap:.875rem;min-width:0;display:flex}.student-profile .sp-info-grid{grid-template-columns:1fr 1fr;gap:1rem 1.25rem;display:grid}@media (width<=640px){.student-profile .sp-info-grid{grid-template-columns:1fr}}.student-profile .sp-info-grid .sp-info-field{flex-direction:column;gap:.15rem;display:flex}.student-profile .sp-info-grid .sp-info-field .sp-info-label{color:var(--text-primary,#1a202c);font-size:.78rem;font-weight:600}.student-profile .sp-info-grid .sp-info-field .sp-info-value{color:var(--text-secondary,#4a5568);font-size:.78rem}.student-profile .sp-qualification-toggle{justify-content:flex-end;margin-bottom:1rem;display:flex}.student-profile .sp-qualification-toggle>div{width:100%;max-width:220px}.student-profile .sp-history-block{margin-bottom:1.1rem}.student-profile .sp-history-block:last-child{margin-bottom:0}.student-profile .sp-history-block .sp-history-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.student-profile .sp-history-block .sp-history-title{color:var(--text-primary,#1a202c);border-left:3px solid var(--accent-primary,#1e3a5f);margin:0 0 .75rem;padding-left:.65rem;font-size:.8rem;font-weight:600}.student-profile .sp-history-block .sp-history-edit-icon{cursor:pointer;color:var(--accent-primary,#1e3a5f);flex-shrink:0}.student-profile .sp-documents-row{flex-wrap:wrap;gap:.6rem;margin-top:.875rem;display:flex}.student-profile .sp-documents-row .sp-doc-chip{background:var(--bg-tertiary,#eef2f7);border:1px solid var(--border-primary,#e2e8f0);color:var(--text-secondary,#4a5568);border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;text-decoration:none;transition:background .2s;display:flex}.student-profile .sp-documents-row .sp-doc-chip:hover{background:var(--border-primary,#e2e8f0);color:var(--text-primary,#1a202c)}:root{--bg-primary:#f1f4f6;--bg-secondary:#fff;--bg-tertiary:#e3e9f1;--bg-white-light:#f7fafc;--text-primary:#003665;--text-secondary:#434652;--text-tertiary:#6f8092;--text-blue:#4a83c1;--border-primary:#d9e2ec;--border-secondary:#c2ccd8;--accent-primary:#233e59;--accent-hover:#152c46;--bg-theme:#1f3a5f;--bg-theme-secondary:#d1a76b;--success:#16a34a;--warning:#f59e0b;--error:#dc2626;--info:#2563eb;--error-light:#ffdbdb;--shadow:#0000001f;--auth-shadow:#28609e1f;--white-color:#fff;--black-color:#000;--font-scale:1;--font-size-xxs:calc(9px * var(--font-scale));--font-size-xs:calc(12px * var(--font-scale));--font-size-s:calc(13px * var(--font-scale));--font-size-sm:calc(14px * var(--font-scale));--font-size-base:calc(16px * var(--font-scale));--font-size-base-2:calc(18px * var(--font-scale));--font-size-lg:calc(20px * var(--font-scale));--font-size-xl:calc(24px * var(--font-scale));--font-size-xxl:calc(32px * var(--font-scale));--font-size-xxxl:calc(40px * var(--font-scale));--font-size-4xl:calc(48px * var(--font-scale));--font-size-5xl:calc(60px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(150px, 1fr));--grid-tc-250:repeat(auto-fit, minmax(250px, 1fr));--greenButtonGradient:radial-gradient(circle farthest-corner at 10% 20%, #43589a 0%, #0c184d 90%);--greenButtonGradientReverse:#0c184d;--blueButtonGradiant:linear-gradient(90deg, #113061 0%, #0c2142 33%, #061936 66%, #05152e 100%);--blueButtonGradientReverse:linear-gradient(90deg, #05152e 0%, #061936 33%, #0c2142 66%, #113061 100%);--darkBlueGradient:linear-gradient(180deg, #0d2141 0%, #021028 100%);--primaryButtonGradient:linear-gradient(90deg, #233e5b 0%, #074d8a 100%);--primaryButtonHover:#1a3047;--secondaryButton:#dfe9f0;--secondaryButtonHover:#cfd9e3;--outlineButton:#fff;--outlineButtonBorder:#003665}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#273449;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-blue:#4a83c1;--border-primary:#334155;--border-secondary:#475569;--shadow:#0006;--accent-primary:#60a5fa;--accent-hover:#93c5fd;--accent-muted:#1e40af;--success:#22c55e;--warning:#fbbf24;--error:#f87171;--bg-theme:#1e293b;--bg-theme-secondary:#0f172a;--disabled-color:#475569;--white-color:#000;--black-color:#fff}@media (width<=1024px){:root{--font-size-xxs:calc(8px * var(--font-scale));--font-size-xs:calc(11px * var(--font-scale));--font-size-s:calc(12px * var(--font-scale));--font-size-sm:calc(13px * var(--font-scale));--font-size-base:calc(14px * var(--font-scale));--font-size-base-2:calc(16px * var(--font-scale));--font-size-lg:calc(18px * var(--font-scale));--font-size-xl:calc(22px * var(--font-scale));--font-size-xxl:calc(28px * var(--font-scale));--font-size-xxxl:calc(36px * var(--font-scale));--font-size-4xl:calc(42px * var(--font-scale));--font-size-5xl:calc(52px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(200px, 1fr))}}@media (width<=480px){:root{--font-size-xxs:calc(7px * var(--font-scale));--font-size-xs:calc(10px * var(--font-scale));--font-size-s:calc(11px * var(--font-scale));--font-size-sm:calc(12px * var(--font-scale));--font-size-base:calc(13px * var(--font-scale));--font-size-base-2:calc(15px * var(--font-scale));--font-size-lg:calc(16px * var(--font-scale));--font-size-xl:calc(20px * var(--font-scale));--font-size-xxl:calc(24px * var(--font-scale));--font-size-xxxl:calc(30px * var(--font-scale));--font-size-4xl:calc(36px * var(--font-scale));--font-size-5xl:calc(46px * var(--font-scale));--grid-tc-150:repeat(auto-fit, minmax(250px, 1fr))}}.placement-profile{flex-direction:column;gap:1.25rem;min-height:100%;display:flex}.placement-profile .pp-banner{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;box-shadow:0 1px 4px #0000000d}.placement-profile .pp-banner .pp-banner-icon{background:var(--bg-tertiary);width:44px;height:44px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.placement-profile .pp-banner .pp-banner-info{flex:1;min-width:160px}.placement-profile .pp-banner .pp-banner-info h3{font-size:var(--font-size-base-2);color:var(--text-primary);margin:0 0 .15rem;font-weight:700}.placement-profile .pp-banner .pp-banner-info p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.placement-profile .pp-banner .pp-edit-btn{white-space:nowrap;flex-shrink:0}@media (width<=900px){.placement-profile .pp-content{flex-direction:column}}.placement-profile .pp-left-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;height:max-content;padding:1.25rem 1rem;display:flex;box-shadow:0 1px 4px #0000000d}@media (width<=900px){.placement-profile .pp-left-panel{width:100%}}.placement-profile .pp-left-panel .pp-avatar-wrapper{margin-bottom:.875rem}.placement-profile .pp-left-panel .pp-name{font-size:var(--font-size-base-2);color:var(--text-primary);text-align:center;word-break:break-word;margin:0 0 .2rem;font-weight:700}.placement-profile .pp-left-panel .pp-divider{background:var(--border-primary);width:100%;height:1px;margin:.45rem 0}.placement-profile .pp-left-panel .pp-details{flex-direction:column;gap:.45rem;width:100%;display:flex}.placement-profile .pp-left-panel .pp-details .pp-detail-row{font-size:var(--font-size-s);flex-wrap:wrap;justify-content:space-between;gap:.4rem;display:flex}.placement-profile .pp-left-panel .pp-details .pp-detail-row .pp-detail-label{color:var(--text-secondary);white-space:nowrap}.placement-profile .pp-left-panel .pp-details .pp-detail-row .pp-detail-value{color:var(--text-primary);word-break:break-word;text-align:right;font-weight:600}.placement-profile .pp-right-panel{flex-direction:column;flex:1;gap:.875rem;min-width:0;display:flex}.placement-profile .pp-info-grid{grid-template-columns:1fr 1fr;gap:1rem 1.25rem;display:grid}@media (width<=640px){.placement-profile .pp-info-grid{grid-template-columns:1fr}}.placement-profile .pp-info-grid .pp-info-field{flex-direction:column;gap:.15rem;display:flex}.placement-profile .pp-info-grid .pp-info-field .pp-info-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.placement-profile .pp-info-grid .pp-info-field .pp-info-value{font-size:var(--font-size-sm);color:var(--text-secondary);word-break:break-word}.placement-profile .pp-description-block{margin-top:1rem}.placement-profile .pp-description-block .pp-description-title{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 .35rem;font-weight:600}.placement-profile .pp-description-block .pp-description-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}