@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.staff-layout{color:#1f2937;background:#f5f7fa;min-height:100vh;display:flex}.staff-sidebar{z-index:20;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:250px;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.staff-brand{padding:4px 12px 28px}.staff-brand h2{color:#111827;margin:0;font-size:20px;font-weight:700}.staff-brand p{color:#6b7280;margin:5px 0 0;font-size:13px}.staff-nav{flex-direction:column;gap:4px;display:flex}.staff-nav a{color:#4b5563;border-radius:8px;align-items:center;min-height:44px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.staff-nav a:hover{color:#111827;background:#f3f4f6}.staff-nav a.active{color:#3730a3;background:#eef2ff;font-weight:600}.staff-sidebar-bottom{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:16px}.staff-user{align-items:center;gap:10px;padding:10px 8px 14px;display:flex}.staff-avatar{color:#3730a3;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.staff-user-info{min-width:0}.staff-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.staff-user-role{color:#6b7280;text-transform:capitalize;margin:2px 0 0;font-size:12px}.staff-logout{color:#dc2626;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:500}.staff-logout:hover{background:#fef2f2}.staff-main{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.staff-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.staff-header-title{color:#111827;margin:0;font-size:18px;font-weight:600}.staff-header-user{color:#6b7280;font-size:14px}.staff-content{padding:32px}.student-page{background:#f3f4f6;min-height:100vh}.student-app{background:#fff;flex-direction:column;width:100%;max-width:430px;min-height:100vh;margin:0 auto;display:flex}.student-header{justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.student-header-content{flex-direction:column;display:flex}.student-header h1{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:700}.student-header p{color:#28282899;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.student-notification-button{cursor:pointer;background:0 0;border:none;margin:0;padding:3px 0 0;position:relative}.student-notification-badge{color:#fff;background:#19983a;border-radius:50%;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-3px;right:0}.student-content{padding:0 20px 20px}.student-bottom-nav{width:100%;max-width:430px;height:70px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:30;background:#fffffff5;border-top:1px solid #e5e7eb;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.student-bottom-nav a{color:#282828;flex-direction:column;align-items:center;row-gap:7px;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;text-decoration:none;display:flex;position:relative}.student-bottom-nav .nav-icon{justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s ease-out;display:flex}.student-bottom-nav .nav-icon svg{color:#282828;width:24px;height:24px}.student-bottom-nav a.active{color:#282828;background:0 0;font-weight:400;transition:all .2s}.student-bottom-nav a.active .nav-icon{z-index:2;background:#1a9134;border-radius:50%;width:50px;height:50px;margin-top:-26px;transition:all .2s ease-in;position:relative}.student-bottom-nav a.active .nav-icon svg{color:#fff;width:24px;height:24px}@media (width<=768px){.staff-layout{display:block}.staff-sidebar{border-bottom:1px solid #e5e7eb;border-right:0;width:100%;min-height:auto;position:static}.staff-main{width:100%;margin-left:0}.staff-content{padding:20px}}@media (width>=431px){.student-page{justify-content:center;display:flex}}.staff-nav a{position:relative}.staff-nav-badge{color:#fff;background:#3730a3;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:600;line-height:1;display:flex}*{box-sizing:border-box;margin:0;padding:0}.student-dashboard{padding:0}.student-pass-card{background:#1a9134;border-radius:16px;width:100%;height:100%;padding:16px}.pass-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pass-card-top h2{color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600}.pass-status{background:#fff;border-radius:24px;padding:2px 12px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600}.pass-status.active{color:#19983a}.pass-status.expired{color:#d33b3b}.pass-details{flex-direction:column;row-gap:8px;display:flex}.pass-detail{flex-direction:column;display:flex}.pass-detail span{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:300}.pass-detail strong{color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600}.dashboard-section{margin-top:24px}.section-title{color:#282828;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600}.section-heading-row{justify-content:space-between;align-items:center;display:flex}.view-all-button{color:#1a9134;cursor:pointer;background:0 0;border:none;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px;margin-top:16px;display:grid}.overview-card{background:#fff;border:1px solid #cecece75;border-radius:10px;width:100%;height:100%;padding:16px}.overview-label{color:#282828;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400}.overview-bottom{justify-content:space-between;align-items:flex-end;display:flex}.overview-bottom strong{color:#282828;margin-bottom:-10px;font-family:Poppins,sans-serif;font-size:32px;font-style:normal;font-weight:600}.overview-status{font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400}.overview-status.green{color:#19983a}.overview-status.orange{color:#f3a333}.overview-status.blue{color:#27447d}.activity-section{margin-bottom:70px}.activity-list{flex-direction:column;row-gap:16px;width:100%;margin-top:16px;display:flex}.activity-item{align-items:center;gap:16px;display:flex}.activity-icon{background:#1a913466;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;display:flex}.activity-icon img{width:13px}.activity-content{min-width:0}.activity-content p{color:#282828;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400}.activity-item time{white-space:nowrap;color:#28282899;margin-left:auto;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400}.empty-activity{color:#858585;padding:24px 0}.empty-activity p{margin:0}.student-dashboard-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:30px;display:flex}.student-dashboard-state h2{margin:0 0 8px}.student-dashboard-state p{color:#777;margin:0}.dashboard-loader{border:3px solid #e2e2e2;border-top-color:#19983a;border-radius:50%;width:30px;height:30px;margin-bottom:15px;animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (width<=380px){.student-dashboard{padding-left:17px;padding-right:17px}.dashboard-greeting h1{font-size:28px}.student-pass-card{border-radius:29px;padding:31px 27px}.pass-card-top h2{font-size:22px}.pass-status{padding:8px 15px;font-size:13px}.overview-card{min-height:165px;padding:29px 24px 25px}.overview-bottom strong{font-size:54px}.overview-status{font-size:15px}.activity-item{grid-template-columns:54px minmax(0,1fr)}.activity-icon{width:54px;height:54px}.activity-item time{grid-column:2;font-size:14px}}.overview-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;padding:14px;font-family:Poppins,sans-serif;transition:transform .15s,border-color .15s,box-shadow .15s}.overview-card:hover{border-color:#cfcfcf;box-shadow:0 3px 10px #0000000d}.overview-card:active{transform:scale(.98)}.overview-card:focus-visible{outline-offset:2px;outline:2px solid #1a9134}.activity-modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.activity-modal{background:#fff;border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:430px;max-height:85vh;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.activity-modal-header{justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.activity-modal-header h2{color:#292929;margin:0 0 4px;font-size:18px;font-weight:600}.activity-modal-header p{color:#888;margin:0;font-size:12px}.activity-modal-close{color:#292929;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.activity-filters{border-bottom:1px solid #eee;gap:8px;padding:0 20px 16px;display:flex}.activity-filter{color:#777;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:17px;height:34px;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px}.activity-filter.active{color:#fff;background:#1a9134;border-color:#1a9134}.activity-modal-list{padding:6px 20px 24px;overflow-y:auto}.activity-modal-item{border-bottom:1px solid #eee;align-items:flex-start;gap:12px;padding:15px 0;display:flex}.activity-modal-item:last-child{border-bottom:none}.activity-modal-icon{background:#1a913466;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.activity-modal-icon img{width:20px;height:20px}.activity-modal-content{flex:1;min-width:0}.activity-modal-content p{color:#292929;margin:0;font-size:12px;line-height:1.5}.activity-modal-content span{color:#888;margin-top:4px;font-size:10px;display:block}.activity-modal-item time{color:#999;flex-shrink:0;font-size:10px}.activity-modal-empty{text-align:center;padding:40px 10px}.activity-modal-empty p{color:#999;margin:0;font-size:12px}.forms-page{width:100%;padding-bottom:90px}.forms-search{background:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;width:100%;height:50px;padding:0 14px;display:flex}.forms-search-icon{color:#58b978;flex-shrink:0;justify-content:center;align-items:center;display:flex}.forms-search input{color:#282828;background:0 0;border:none;outline:none;width:100%;height:100%;margin-left:14px;padding:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:400}.forms-search input::placeholder{color:#a2a2a2}.forms-tabs{border:1px solid #ccc;border-radius:4px;grid-template-columns:repeat(3,1fr);width:100%;height:36px;margin-top:17px;display:grid;overflow:hidden}.forms-tabs button{color:#777;cursor:pointer;background:#fff;border:none;border-right:1px solid #ccc;height:100%;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;transition:all .2s}.forms-tabs button:last-child{border-right:none}.forms-tabs button.active{color:#fff;background:#1a9134;border-color:#1a9134;transition:all .2s}.forms-section{margin-top:25px}.forms-section h2{color:#282828;margin:0 0 17px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:24px}.forms-list{flex-direction:column;gap:13px;display:flex}.form-card{background:#fff;border:1px solid #e1e1e1;border-radius:7px;width:100%;padding:17px 16px;box-shadow:0 1px 2px #00000008}.form-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.form-card-heading{flex:1;min-width:0}.form-card-heading h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:22px}.form-card-heading p{color:#28282899;margin:9px 0 0;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;line-height:20px}.form-status{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;height:22px;padding:0 11px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.form-status-open,.form-status-completed{color:#1a9134;background:#ddf8e4}.form-status-closed,.form-status-rejected{color:#c54948;background:#fde2e2}.form-status-requested{color:#ffb144;background:#fef3d9}.form-status-processing,.form-status-approved{color:#4788df;background:#ddf1fe}.available-form-details{margin-top:22px}.form-detail-row{color:#282828;justify-content:space-between;align-items:center;gap:15px;min-height:28px;font-family:Poppins,sans-serif;font-size:13px;line-height:19px;display:flex}.form-detail-row>span:last-child{text-align:right;color:#282828}.required-documents{margin-top:5px}.required-documents-label{color:#282828;margin-bottom:7px;font-family:Poppins,sans-serif;font-size:13px;line-height:19px;display:block}.document-count-list{align-items:center;gap:6px;display:flex}.document-count-box{color:#777;background:#fafafa;border:1px solid #ddd;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.document-count-more{font-family:Poppins,sans-serif;font-size:11px}.request-form-details{margin-top:22px}.request-remarks{margin-top:8px}.request-remarks p{color:#28282899;margin:0;font-family:Poppins,sans-serif;font-size:13px;line-height:19px}.my-form-details{margin-top:21px}.progress-header{color:#282828;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.progress-header strong{color:#282828;font-weight:700}.progress-track{background:#d9d9d9;border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-fill{background:#4788df;border-radius:10px;height:100%;transition:width .3s}.form-last-updated{margin-top:16px}.form-last-updated>span,.form-last-updated>span:last-child{color:#28282899}.form-card-actions{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.form-card-actions-single{grid-template-columns:1fr}.form-button{cursor:pointer;border-radius:4px;width:100%;height:42px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400}.form-button-outline{color:#1a9134;background:#fff;border:1px solid #1a9134}.form-button-primary{color:#fff;background:#1a9134;border:1px solid #1a9134}.form-button-primary:disabled{color:#999;cursor:not-allowed;background:#ddd;border-color:#ddd}.forms-state{text-align:center;color:#888;padding:35px 10px;font-family:Poppins,sans-serif;font-size:13px}.forms-state-error{color:#d64646}.form-rejection-notice{color:#d93636;border:1px solid #ffe1e1;border-radius:4px;margin-top:10px;margin-bottom:-10px;padding:10px 0 10px 10px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400}.documents-search{background:#fff;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:14px;height:50px;margin-bottom:22px;padding:0 15px;display:flex}.documents-search input{color:#222;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:Poppins,sans-serif;font-size:13px}.documents-search input::placeholder{color:#a7a7a7}.documents-list{flex-direction:column;gap:14px;padding-bottom:85px;display:flex}.document-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e4;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:84px;padding:16px;font-family:Poppins,sans-serif;transition:border-color .2s,transform .15s;display:flex;box-shadow:0 1px 2px #00000005}.document-card:active{transform:scale(.99)}.document-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.document-info{flex-direction:column;gap:2px;min-width:0;display:flex}.document-info h3{color:#252525;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.document-info p{color:#a2a2a2;margin:0;font-size:12px;font-weight:400;line-height:1.5}.documents-state{text-align:center;color:#8b8b8b;justify-content:center;align-items:center;min-height:160px;padding:20px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.documents-error{color:#c94a4a}.document-viewer-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.document-viewer{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:430px;height:min(90vh,760px);display:flex;overflow:hidden}.document-viewer-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:12px 16px;display:flex}.document-viewer-header>div{min-width:0}.document-viewer-header h2{color:#222;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.document-viewer-header p{color:#999;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-family:Poppins,sans-serif;font-size:10px;overflow:hidden}.document-close-button{color:#444;cursor:pointer;background:#f4f4f4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.document-preview{background:#f3f3f3;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.document-pdf{background:#fff;border:none;width:100%;height:100%}.document-image{object-fit:contain;max-width:100%;max-height:100%}.document-loading,.document-unsupported{text-align:center;color:#888;padding:30px;font-family:Poppins,sans-serif;font-size:13px}.document-viewer-footer{border-top:1px solid #eee;padding:12px 16px}.document-download-button{color:#fff;cursor:pointer;background:#1a9134;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;display:flex}.document-download-button:disabled{opacity:.5;cursor:not-allowed}.resources-page{width:100%;padding-bottom:85px}.resources-tabs{border:1px solid #d0d0d0;border-radius:4px;grid-template-columns:1fr 1fr;width:100%;height:36px;margin-bottom:18px;display:grid;overflow:hidden}.resource-tab{color:#28282899;cursor:pointer;background:#fff;border:none;height:100%;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;transition:all .2s}.resource-tab.active{color:#fff;background:#1a9134;transition:all .2s}.resources-search{background:#fff;border:1px solid #d9d9d9;border-radius:5px;align-items:center;gap:14px;height:50px;margin-bottom:18px;padding:0 15px;display:flex}.resources-search input{color:#252525;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:Poppins,sans-serif;font-size:12px}.resources-search input::placeholder{color:#a5a5a5}.resources-material-list{flex-direction:column;gap:14px;display:flex}.resource-material-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e4;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:84px;padding:16px;font-family:Poppins,sans-serif;transition:transform .15s,border-color .2s;display:flex;box-shadow:0 1px 2px #00000005}.resource-material-card:active{transform:scale(.99)}.resource-material-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.resource-material-info{flex-direction:column;gap:2px;min-width:0;display:flex}.resource-material-info h3{color:#282828;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:1.4;overflow:hidden}.resource-material-info p{color:#28282866;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:1.5}.resources-video-list{flex-direction:column;gap:14px;display:flex}.resource-accordion{background:#fff;border:1px solid #e4e4e4;border-radius:8px;width:100%;overflow:hidden}.resource-accordion-header{color:#292929;cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:53px;padding:0 16px;font-family:Poppins,sans-serif;display:flex}.resource-accordion-left{align-items:center;gap:12px;min-width:0;display:flex}.resource-accordion-left span{white-space:nowrap;text-overflow:ellipsis;color:#282828;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600;overflow:hidden}.resource-chevron{flex-shrink:0;transition:transform .2s}.resource-chevron.open{transform:rotate(180deg)}.resource-video-count{color:#28282899;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.resource-accordion-content{padding:0 16px}.resource-video-wrapper{border-bottom:1px solid #e7e7e7;margin-bottom:16px;padding:0 0 16px}.resource-video-wrapper.last{border-bottom:none;margin-bottom:0;padding-bottom:16px}.resource-video-card{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:Poppins,sans-serif;display:block}.resource-video-thumbnail{aspect-ratio:16/9;background:#eee;border-radius:5px;width:100%;overflow:hidden}.resource-video-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.resource-video-placeholder{color:#fff;background:#eee;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex}.resource-video-details{padding-top:8px}.resource-video-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.resource-video-title-row h3{color:#282828;min-width:0;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:1.45}.resource-video-title-row span{color:#28282866;white-space:nowrap;flex-shrink:0;padding-top:1px;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.resource-video-details p{color:#28282899;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:1.6}.resources-state{text-align:center;color:#909090;justify-content:center;align-items:center;min-height:180px;padding:20px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.resources-error{color:#c94a4a}.profile-page{width:100%;padding-bottom:10px}.profile-user-section{align-items:center;gap:16px;margin-bottom:15px;display:flex}.profile-avatar{color:#1a9134;background:#ddf8e4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:600;display:flex}.profile-user-info{min-width:0}.profile-user-info h2{color:#282828;margin:0 0 3px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:1.3}.profile-user-info p{color:#28282899;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:1.4}.profile-pass-card{background:#fff;border:1px solid #e2e2e2;border-radius:7px;margin-bottom:14px;padding:18px 16px}.profile-pass-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.profile-pass-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600}.profile-pass-status{font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600}.profile-pass-status.active{color:#1a9134}.profile-pass-status.expired{color:#e53935}.profile-pass-details{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-pass-details div{min-width:0}.profile-pass-details span{color:#282828;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:300;display:block}.profile-pass-details strong{color:#282828;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600;display:block;overflow:hidden}.profile-accordion{background:#fff;border:1px solid #e2e2e2;border-radius:7px;margin-bottom:14px;overflow:hidden}.profile-accordion-header{color:#282828;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.profile-accordion-title{align-items:center;gap:12px;display:flex}.profile-accordion-title span{color:#282828;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500}.profile-chevron{flex-shrink:0;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.profile-accordion-content{padding:0 16px 4px}.profile-info-row{border-top:1px solid #dcdcdc;grid-template-columns:22px 82px minmax(0,1fr);align-items:center;column-gap:10px;min-height:56px;display:grid}.profile-info-label{color:#28282866;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.profile-info-value{color:#282828cc;text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400;overflow:hidden}.profile-account-link{cursor:pointer;background:0 0;border:none;border-top:1px solid #dcdcdc;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0;display:flex}.profile-account-link>div{align-items:center;gap:10px;display:flex}.profile-account-link span{color:#666;font-size:14px}.profile-logout-button{color:#ff0402;cursor:pointer;background:#fff;border:1px solid #ff0402;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:47px;margin-top:0;margin-bottom:60px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:500;display:flex}.profile-logout-button:active{background:#fff5f5}.profile-state{color:#777;text-align:center;width:100%;padding:40px 20px;font-size:14px}.profile-error{color:#d32f2f}.form-details-page{background:#fff;width:100%}.form-details-header{justify-content:space-between;align-items:flex-start;padding:20px 0 40px;display:flex}.form-details-back{color:#282828;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;width:32px;height:32px;padding:0;display:flex}.form-details-header h1{color:#282828;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;overflow:hidden}.form-details-notification{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;width:32px;height:32px;padding:0;display:flex}.form-details-notification img{width:22px;height:22px}.form-details-content{padding-bottom:60px}.form-detail-image-section{border-radius:6px;width:100%;height:125px;margin-bottom:15px;overflow:hidden}.form-detail-image{object-fit:cover;width:100%;height:100%;display:block}.form-detail-image-placeholder{background:#1a9134;width:100%;height:100%}.form-detail-card{background:#fff;border:1px solid #e1e1e1;border-radius:7px;width:100%;margin-bottom:14px;padding:16px}.form-detail-card h2{color:#282828;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600}.form-detail-description{color:#28282899;margin:0 0 22px;font-family:Poppins,sans-serif;font-size:13px;line-height:1.55}.form-detail-info{flex-direction:column;gap:17px;display:flex}.form-detail-row{color:#282828;justify-content:space-between;align-items:center;gap:20px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.form-detail-actions{gap:12px;margin-top:18px;display:flex}.form-wishlist-button{color:#1a9134;background:#fff;border:1px solid #1a9134;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:42px;display:flex}.form-apply-button{color:#fff;cursor:pointer;background:#1a9134;border:none;border-radius:4px;flex:1;height:42px;font-family:Poppins,sans-serif;font-size:13px}.form-apply-button:disabled{opacity:.5;cursor:not-allowed}.form-required-document-list{flex-direction:column;gap:16px;display:flex}.form-required-document{color:#282828;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.form-required-document>span:first-child{color:#1a9134;display:flex}.form-no-documents{color:#28282899;margin:0;font-size:13px}.form-status-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.form-status-header h2{margin:0}.form-detail-status{border-radius:20px;padding:4px 16px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600}.form-detail-status-requested{color:#b57900;background:#fff4d6}.form-detail-status-approved{color:#1a9134;background:#ddf8e4}.form-detail-status-processing{color:#3785e8;background:#dceeff}.form-detail-status-completed{color:#1a9134;background:#ddf8e4}.form-detail-status-rejected{color:#d93636;background:#ffe1e1}.form-progress-header{color:#282828;justify-content:space-between;align-items:center;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:12px;display:flex}.form-progress-header strong{font-size:12px}.form-progress-track{background:#d9d9d9;border-radius:10px;width:100%;height:10px;overflow:hidden}.form-progress-fill{background:#4b8fe8;border-radius:10px;height:100%;transition:width .3s}.form-timeline{flex-direction:column;display:flex}.form-timeline-item{min-height:44px;display:flex}.form-timeline-marker{justify-content:flex-start;width:32px;display:flex;position:relative}.form-timeline-marker:after{content:"";background:#bdbdbd;width:1px;position:absolute;top:17px;bottom:-1px;left:7px}.form-timeline-item:last-child .form-timeline-marker:after{display:none}.form-timeline-marker span{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:relative}.form-timeline-completed{color:#fff;background:#1a9134}.form-timeline-current{background:#fff;border:2px solid #4285e8}.form-timeline-content{flex:1;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:15px;display:flex}.form-timeline-message{color:#282828;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.form-timeline-date{color:#28282899;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.applied-document-list{flex-direction:column;gap:14px;display:flex}.applied-document-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.applied-document-name{color:#282828;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.applied-document-status{align-items:center;gap:10px;display:flex}.document-status{text-align:center;border-radius:20px;min-width:94px;padding:4px 10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600}.document-status.uploaded{color:#1a9134;background:#ddf8e4}.document-status.pending{color:#777;background:#eee}.document-view-button{color:#282828;background:#fff;border:1px solid #d6d6d6;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.document-view-button:disabled{opacity:.6}.form-details-state{text-align:center;color:#28282899;padding:40px 20px;font-family:Poppins,sans-serif;font-size:13px}.form-details-error{color:#d93636}.form-rejection-box{background:#fff7f7;border:1px solid #f0caca;border-radius:10px;margin-bottom:22px;padding:14px}.form-rejection-box h3{margin:0 0 10px;font-size:14px;font-weight:600}.form-rejection-label{color:#282828;margin:0 0 4px;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600}.form-rejection-box>p:last-child{margin:0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.notifications-page{width:100%;padding-bottom:85px}.notifications-tabs{border-bottom:1px solid #f4f3f6;grid-template-columns:1fr 1fr 1fr;width:100%;margin-bottom:23px;display:grid}.notification-tab{color:#28282899;cursor:pointer;background:0 0;border:none;height:39px;padding:0;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:400;transition:all .2s;position:relative}.notification-tab.active{color:#1a9134;font-weight:500;transition:all .2s}.notification-tab.active:after{content:"";background:#1a9134;height:3px;transition:all .2s;position:absolute;bottom:-1px;left:0;right:0}.notifications-list{flex-direction:column;gap:14px;display:flex}.notification-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e3e3;border-radius:8px;flex-direction:column;width:100%;min-height:176px;padding:16px;font-family:Poppins,sans-serif;transition:border-color .2s,transform .15s;display:flex;box-shadow:0 1px 2px #00000005}.notification-card:active{transform:scale(.99)}.notification-card-top{justify-content:space-between;align-items:center;width:100%;min-height:23px;display:flex}.notification-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:20px;align-items:center;max-width:155px;height:23px;padding:2px 16px;font-family:Poppins,sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.notification-badge-global{color:#836bb1;background:#e6e1f8}.notification-badge-form{color:#4788df;background:#ddf1fe}.notification-unread-dot{background:#f00000;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:10px}.notification-card-body{margin-top:16px}.notification-card-body h3{color:#282828;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:600}.notification-card-body p{color:#28282899;margin:8px 0 0;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.notification-card-date{color:#28282866;margin-top:auto;padding-top:16px;font-family:Poppins,sans-serif;font-size:13px;font-style:normal;font-weight:400}.notifications-state{text-align:center;color:#909090;justify-content:center;align-items:center;min-height:180px;padding:20px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.notifications-error{color:#c94a4a}.tickets-page{min-height:calc(100vh - 140px);position:relative}.tickets-tabs{border-bottom:1px solid #eee;grid-template-columns:repeat(3,1fr);margin-bottom:23px;display:grid}.ticket-tab{color:#888;cursor:pointer;background:0 0;border:none;padding:0 0 11px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;position:relative}.ticket-tab.active{color:#1a9134}.ticket-tab.active:after{content:"";background:#1a9134;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tickets-list{flex-direction:column;gap:14px;padding-bottom:90px;display:flex}.ticket-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e1e1;border-radius:8px;width:100%;padding:16px;font-family:Poppins,sans-serif;transition:border-color .2s,box-shadow .2s}.ticket-card:active{transform:scale(.995)}.ticket-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ticket-number{color:#292929;font-size:13px;font-weight:400}.ticket-status{border-radius:999px;justify-content:center;align-items:center;min-width:91px;height:24px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.ticket-status.ongoing{color:#ffa600;background:#fff2d4}.ticket-status.resolved{color:#1a9134;background:#ddf8e4}.ticket-category{color:#292929;margin:0 0 8px;font-size:13px;font-weight:600}.ticket-subject{color:#858585;margin:0 0 7px;font-size:13px;font-weight:400}.ticket-card-title{color:#777;margin:-3px 0 8px;font-size:13px;font-weight:400}.ticket-description{-webkit-line-clamp:2;color:#858585;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:400;line-height:1.65;display:-webkit-box;overflow:hidden}.ticket-date{color:#aaa;margin:7px 0 0;font-size:12px;font-weight:400}.tickets-state{text-align:center;color:#888;padding:35px 10px;font-family:Poppins,sans-serif;font-size:13px}.tickets-error{color:#d93636}.ticket-add-button{color:#fff;cursor:pointer;z-index:25;background:#1a9134;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-family:Arial,sans-serif;font-size:32px;font-weight:300;line-height:1;display:flex;position:fixed;bottom:90px;right:max(50vw - 195px,20px);box-shadow:0 0 0 2px #1a9134}.ticket-modal-overlay{z-index:100;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ticket-modal{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:430px;max-height:85vh;padding:22px 20px 30px;font-family:Poppins,sans-serif;overflow-y:auto}.ticket-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.ticket-modal-number{color:#888;margin-bottom:3px;font-size:12px;display:block}.ticket-modal-header h2{color:#292929;margin:0;font-size:18px;font-weight:600}.ticket-modal-close{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ticket-modal-status-row{margin-bottom:20px}.ticket-details-list{border-top:1px solid #eee}.ticket-detail-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:20px;padding:14px 0;display:flex}.ticket-detail-row>span{color:#888;flex-shrink:0;font-size:12px}.ticket-detail-row>strong{text-align:right;color:#292929;font-size:12px;font-weight:500}.ticket-detail-description{display:block}.ticket-detail-description>span{margin-bottom:7px;display:block}.ticket-detail-description p{color:#666;margin:0;font-size:13px;line-height:1.65}.ticket-response{background:#ddf8e4;border-radius:8px;margin-top:18px;padding:15px}.ticket-response-header{color:#1a9134;margin-bottom:7px;font-size:13px;font-weight:600}.ticket-response p{color:#555;margin:0;font-size:13px;line-height:1.65}.ticket-modal-loading{color:#fff;z-index:110;background:#292929;border-radius:20px;padding:8px 15px;font-family:Poppins,sans-serif;font-size:12px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.ticket-create-modal{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:430px;max-height:90vh;padding:22px 20px 30px;font-family:Poppins,sans-serif;overflow-y:auto}.ticket-create-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.ticket-create-header h2{color:#292929;margin:0 0 4px;font-size:18px;font-weight:600}.ticket-create-header p{color:#888;margin:0;font-size:12px}.ticket-create-form{flex-direction:column;gap:18px;display:flex}.ticket-form-group{flex-direction:column;gap:8px;display:flex}.ticket-form-group label{color:#292929;font-size:13px;font-weight:500}.ticket-type-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ticket-type-option{color:#777;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;height:44px;font-family:Poppins,sans-serif;font-size:13px}.ticket-type-option.active{color:#1a9134;background:#ddf8e4;border-color:#1a9134;font-weight:500}.ticket-form-group input,.ticket-form-group select,.ticket-form-group textarea{box-sizing:border-box;color:#292929;background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:Poppins,sans-serif;font-size:13px}.ticket-form-group input:focus,.ticket-form-group select:focus,.ticket-form-group textarea:focus{border-color:#1a9134}.ticket-form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.ticket-description-label{justify-content:space-between;align-items:center;display:flex}.ticket-description-label span{color:#999;font-size:11px}.ticket-form-error{color:#d93636;margin:-5px 0 0;font-size:12px;line-height:1.5}.ticket-submit-button{color:#fff;cursor:pointer;background:#1a9134;border:none;border-radius:8px;width:100%;height:46px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.ticket-submit-button:disabled{opacity:.6;cursor:not-allowed}.terms-privacy-page{margin-bottom:60px;font-family:Poppins,sans-serif}.terms-privacy-intro{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.terms-privacy-icon{background:#1a913414;border:1px solid #1a91341f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.terms-privacy-intro h2{color:#282828;margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.4}.terms-privacy-intro p{color:#28282894;margin:0;font-size:11px;font-weight:400;line-height:1.6}.terms-sections{flex-direction:column;gap:12px;display:flex}.terms-section{background:#fff;border:1px solid #cecece75;border-radius:13px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.terms-section.open{border-color:#1a913433;box-shadow:0 3px 12px #2828280a}.terms-section-header{cursor:pointer;text-align:left;background:0 0;border:0;outline:none;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 16px;font-family:Poppins,sans-serif;display:flex}.terms-section-title{align-items:center;gap:10px;display:flex}.terms-section-title span{color:#282828;font-size:13px;font-weight:500;line-height:1.4}.terms-chevron{flex-shrink:0;transition:transform .2s}.terms-chevron.open{transform:rotate(180deg)}.terms-section-content{padding:0 16px 20px}.policy-block{padding-top:16px}.policy-block:first-child{padding-top:2px}.policy-block h3{color:#282828;margin:0 0 7px;font-size:12px;font-weight:600;line-height:1.5}.policy-block p{color:#282828a6;margin:0 0 9px;font-size:11px;font-weight:400;line-height:1.75}.policy-block p:last-child{margin-bottom:0}.policy-block ul{margin:4px 0 0;padding-left:18px}.policy-block li{color:#282828a6;margin-bottom:7px;font-size:11px;font-weight:400;line-height:1.7}.policy-block li:last-child{margin-bottom:0}.terms-footer{flex-direction:column;align-items:center;margin-top:24px;display:flex}.terms-footer-line{background:#cecece75;width:100%;height:1px;margin-bottom:14px}.terms-footer p{color:#2828286b;margin:0 0 3px;font-size:10px;font-weight:400;line-height:1.5}.terms-footer span{color:#2828288c;font-size:10px;font-weight:500;line-height:1.5}.staff-dashboard{width:100%;max-width:1400px}.staff-dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.staff-dashboard-welcome-top{align-items:baseline;gap:7px;display:flex}.staff-dashboard-welcome-top span{color:#374151;font-size:24px;font-weight:400}.staff-dashboard-welcome-top h1{color:#111827;margin:0;font-size:24px;font-weight:700}.staff-dashboard-welcome p{color:#6b7280;margin:7px 0 0;font-size:13px}.staff-dashboard-header-actions{align-items:center;gap:10px;display:flex}.staff-dashboard-date{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;display:flex}.staff-dashboard-refresh{color:#374151;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.staff-dashboard-refresh:hover{background:#f9fafb;border-color:#cfd4da}.staff-dashboard-refresh:disabled{opacity:.6;cursor:not-allowed}.staff-dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.staff-dashboard-kpi{min-height:154px;color:inherit;background:#fff;border:1px solid #e4e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;padding:17px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.staff-dashboard-kpi:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 5px 18px #1118270f}.staff-dashboard-kpi-top{color:#9ca3af;justify-content:space-between;align-items:center;display:flex}.staff-dashboard-kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.staff-dashboard-kpi-icon.students{color:#4338ca;background:#eef2ff}.staff-dashboard-kpi-icon.requests{color:#0f766e;background:#ecfeff}.staff-dashboard-kpi-icon.tickets{color:#c2410c;background:#fff7ed}.staff-dashboard-kpi-icon.employees{color:#6d28d9;background:#f5f3ff}.staff-dashboard-kpi>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.staff-dashboard-kpi>div:nth-child(2) strong{color:#111827;font-size:28px;font-weight:700;line-height:1}.staff-dashboard-kpi>div:nth-child(2) span{color:#6b7280;font-size:13px}.staff-dashboard-kpi-footer{color:#9ca3af;border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;padding-top:11px;font-size:11px;display:flex}.staff-dashboard-main-grid,.staff-dashboard-lower-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;margin-bottom:20px;display:grid}.staff-dashboard-panel{background:#fff;border:1px solid #e4e7eb;border-radius:10px;min-width:0;padding:20px}.staff-dashboard-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.staff-dashboard-panel-header h2{color:#111827;margin:0;font-size:15px;font-weight:600;line-height:1.4}.staff-dashboard-panel-header p{color:#8a929d;margin:4px 0 0;font-size:12px}.staff-dashboard-panel-header>a{color:#4f46e5;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.staff-dashboard-panel-header>a:hover{color:#3730a3}.staff-dashboard-request-list{border-top:1px solid #f0f1f3;flex-direction:column;display:flex}.staff-dashboard-request-row{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;min-height:49px;display:flex}.staff-dashboard-status{color:#4b5563;align-items:center;gap:9px;font-size:12px;display:flex}.staff-dashboard-status .dot{border-radius:50%;width:7px;height:7px}.staff-dashboard-status .dot.requested{background:#6366f1}.staff-dashboard-status .dot.approved{background:#0ea5e9}.staff-dashboard-status .dot.processing{background:#f59e0b}.staff-dashboard-status .dot.completed{background:#10b981}.staff-dashboard-status .dot.rejected{background:#ef4444}.staff-dashboard-request-row strong{color:#111827;font-size:14px;font-weight:600}.staff-dashboard-progress{margin-top:20px}.staff-dashboard-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.staff-dashboard-progress-header span{color:#6b7280;font-size:12px}.staff-dashboard-progress-header strong{color:#111827;font-size:12px;font-weight:600}.staff-dashboard-progress-track{background:#eef0f3;border-radius:999px;height:7px;overflow:hidden}.staff-dashboard-progress-bar{border-radius:inherit;background:#4f46e5;height:100%;transition:width .3s}.staff-dashboard-progress p{color:#9ca3af;margin:8px 0 0;font-size:11px}.staff-dashboard-ticket-summary{grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.staff-dashboard-ticket-main,.staff-dashboard-ticket-stat{background:#f9fafb;border:1px solid #eef0f2;border-radius:8px;flex-direction:column;justify-content:center;min-height:78px;padding:13px;display:flex}.staff-dashboard-ticket-main strong{color:#111827;font-size:25px;font-weight:700;line-height:1}.staff-dashboard-ticket-main span,.staff-dashboard-ticket-stat span{color:#8a929d;margin-top:5px;font-size:11px}.staff-dashboard-ticket-stat strong{color:#111827;font-size:19px;font-weight:600;line-height:1}.staff-dashboard-priority{border-top:1px solid #f0f1f3;padding-top:16px}.staff-dashboard-subheading{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:9px;font-size:11px;font-weight:600}.staff-dashboard-priority-row{justify-content:space-between;align-items:center;min-height:34px;display:flex}.staff-dashboard-priority-row>div{color:#4b5563;align-items:center;gap:8px;font-size:12px;display:flex}.priority-marker{border-radius:50%;width:7px;height:7px}.priority-marker.high{background:#ef4444}.priority-marker.normal{background:#f59e0b}.priority-marker.low{background:#94a3b8}.staff-dashboard-priority-row strong{color:#111827;font-size:12px;font-weight:600}.staff-dashboard-ticket-footer{border-top:1px solid #f0f1f3;align-items:center;gap:20px;margin-top:15px;padding-top:13px;display:flex}.staff-dashboard-ticket-footer span{color:#8a929d;font-size:11px}.staff-dashboard-ticket-footer span+span{border-left:1px solid #e5e7eb;padding-left:20px}.staff-dashboard-activity{flex-direction:column;display:flex;position:relative}.staff-dashboard-activity-item{gap:13px;padding:0 0 17px;display:flex;position:relative}.staff-dashboard-activity-item:not(:last-child){padding-bottom:20px}.staff-dashboard-activity-item:not(:last-child):before{content:"";background:#e5e7eb;width:1px;position:absolute;top:11px;bottom:0;left:4px}.staff-dashboard-activity-dot{z-index:1;background:#4f46e5;border:2px solid #eef2ff;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px;position:relative}.staff-dashboard-activity-content{flex-direction:column;min-width:0;display:flex}.staff-dashboard-activity-content strong{color:#374151;font-size:12px;font-weight:600;line-height:1.4}.staff-dashboard-activity-content p{color:#6b7280;margin:3px 0 0;font-size:11px;line-height:1.5}.staff-dashboard-activity-content span{color:#a0a7b0;margin-top:5px;font-size:10px}.staff-dashboard-activity-icon{color:#6d28d9;background:#f5f3ff;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.staff-dashboard-quick-actions{flex-direction:column;display:flex}.staff-dashboard-quick-actions>a{min-height:65px;color:inherit;border-bottom:1px solid #f0f1f3;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 0;text-decoration:none;display:grid}.staff-dashboard-quick-actions>a:first-child{padding-top:0}.staff-dashboard-quick-actions>a:last-child{border-bottom:none;padding-bottom:0}.quick-action-icon{color:#4f46e5;background:#f5f3ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.staff-dashboard-quick-actions>a>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.staff-dashboard-quick-actions strong{color:#374151;font-size:12px;font-weight:600}.staff-dashboard-quick-actions small{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.staff-dashboard-quick-actions>a>svg{color:#b0b6bf;transition:transform .15s,color .15s}.staff-dashboard-quick-actions>a:hover strong{color:#4f46e5}.staff-dashboard-quick-actions>a:hover>svg{color:#4f46e5;transform:translate(2px)}.staff-dashboard-today{background:#f8f9fc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;min-height:68px;margin-bottom:20px;padding:14px 18px;display:flex}.staff-dashboard-today>div:first-child{align-items:center;gap:11px;display:flex}.staff-dashboard-today-icon{color:#4f46e5;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.staff-dashboard-today>div:first-child>div:last-child{flex-direction:column;gap:2px;display:flex}.staff-dashboard-today strong{color:#374151;font-size:12px;font-weight:600}.staff-dashboard-today span{color:#9ca3af;font-size:10px}.staff-dashboard-today-stats{align-items:center;gap:25px;display:flex}.staff-dashboard-today-stats>span{color:#8a929d;align-items:baseline;gap:4px;font-size:10px;display:flex}.staff-dashboard-today-stats>span+span{border-left:1px solid #dfe3e8;padding-left:25px}.staff-dashboard-today-stats strong{color:#111827;font-size:15px}.staff-dashboard-empty{color:#9ca3af;justify-content:center;align-items:center;min-height:150px;font-size:12px;display:flex}.staff-dashboard-loading{color:#8a929d;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:350px;font-size:12px;display:flex}.staff-dashboard-spinner{border:2px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite staff-dashboard-spin}@keyframes staff-dashboard-spin{to{transform:rotate(360deg)}}.staff-dashboard-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.staff-dashboard-error-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;font-size:17px;font-weight:700;display:flex}.staff-dashboard-error h3{color:#374151;margin:0;font-size:14px;font-weight:600}.staff-dashboard-error p{color:#8a929d;max-width:400px;margin:6px 0 15px;font-size:12px;line-height:1.5}.staff-dashboard-error button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;min-height:36px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:500}.staff-dashboard-error button:hover{background:#f9fafb}@media (width<=1200px){.staff-dashboard-kpis{grid-template-columns:repeat(2,1fr)}.staff-dashboard-main-grid,.staff-dashboard-lower-grid{grid-template-columns:1fr}}@media (width<=800px){.staff-dashboard-header{flex-direction:column;align-items:flex-start}.staff-dashboard-header-actions{width:100%}.staff-dashboard-date{flex:1}.staff-dashboard-refresh{flex-shrink:0}.staff-dashboard-ticket-summary{grid-template-columns:1fr 1fr}.staff-dashboard-ticket-main{grid-column:1/-1}.staff-dashboard-today{flex-direction:column;align-items:flex-start}.staff-dashboard-today-stats{justify-content:space-between;width:100%}}@media (width<=600px){.staff-dashboard-welcome-top{display:block}.staff-dashboard-welcome-top span{margin-bottom:2px;font-size:18px;display:block}.staff-dashboard-welcome-top h1{font-size:22px}.staff-dashboard-kpis{grid-template-columns:1fr}.staff-dashboard-panel{padding:16px}.staff-dashboard-ticket-summary{grid-template-columns:1fr}.staff-dashboard-ticket-main{grid-column:auto}.staff-dashboard-ticket-footer{flex-direction:column;align-items:flex-start;gap:8px}.staff-dashboard-ticket-footer span+span{border-left:none;padding-left:0}.staff-dashboard-today-stats{flex-direction:column;align-items:flex-start;gap:8px}.staff-dashboard-today-stats>span+span{border-left:none;padding-left:0}}.staff-student-list-page{width:100%}.staff-student-list-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.staff-student-list-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-student-list-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-student-list-create{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:7px;height:38px;padding:0 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-list-create:hover{background:#312e81}.staff-student-list-filters{align-items:center;gap:10px;margin-bottom:12px;display:flex}.staff-student-list-search{flex:1}.staff-student-list-search input,.staff-student-list-filters select{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;height:38px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-list-search input{width:100%;padding:0 12px}.staff-student-list-filters select{cursor:pointer;min-width:145px;padding:0 10px}.staff-student-list-search input::placeholder{color:#999}.staff-student-list-search input:focus,.staff-student-list-filters select:focus{border-color:#3730a3}.staff-student-list-summary{color:#666;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-list-table-wrapper{background:#fff;border:1px solid #ececec;border-radius:10px;width:100%;overflow-x:auto}.staff-student-list-table{border-collapse:collapse;width:100%;min-width:850px}.staff-student-list-table th{text-align:left;color:#555;white-space:nowrap;background:#f8f8f8;border-bottom:1px solid #ececec;padding:13px 15px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.staff-student-list-table td{color:#444;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eee;padding:14px 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-list-table tbody tr:last-child td{border-bottom:none}.staff-student-list-table tbody tr:hover{background:#fafafa}.staff-student-list-name{align-items:center;min-width:220px;display:flex}.staff-student-list-name strong{color:#282828;font-size:12px;font-weight:600;display:block}.staff-student-list-name span{text-overflow:ellipsis;white-space:nowrap;color:#888;max-width:250px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.staff-student-list-pass{color:#3730a3;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.staff-student-list-status{border-radius:20px;align-items:center;padding:4px 9px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;display:inline-flex}.staff-student-list-status.active{color:#15803d;background:#dcfce7}.staff-student-list-status.inactive{color:#b91c1c;background:#fee2e2}.staff-student-list-view{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:30px;padding:0 11px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-list-view:hover{background:#f5f3ff}.staff-student-list-state{text-align:center;color:#777;padding:50px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-student-list-error{color:#b91c1c}.staff-student-list-retry{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;margin:-30px auto 0;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;display:block}.staff-student-list-retry:hover{background:#312e81}.staff-student-list-empty{text-align:center;background:#fff;border:1px solid #ececec;border-radius:10px;padding:60px 20px}.staff-student-list-empty h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.staff-student-list-empty p{color:#888;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-student-list-pagination{justify-content:center;align-items:center;gap:15px;margin-top:18px;display:flex}.staff-student-list-pagination button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:34px;padding:0 13px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-list-pagination button:hover:not(:disabled){background:#f5f3ff}.staff-student-list-pagination button:disabled{opacity:.45;cursor:not-allowed}.staff-student-list-pagination span{color:#555;font-family:Poppins,sans-serif;font-size:11px}@media (width<=700px){.staff-student-list-header{flex-direction:column}.staff-student-list-create{width:100%}.staff-student-list-filters{flex-direction:column;align-items:stretch}.staff-student-list-filters select{width:100%}}.staff-add-student{max-width:1100px;margin:0 auto}.staff-add-student-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.staff-add-student-header h2{color:#111827;font-size:22px;font-weight:600}.staff-add-student-header p{color:#6b7280;margin-top:5px;font-size:14px}.staff-add-student-back{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.staff-add-student-back:hover{background:#f9fafb}.staff-add-student-message{border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:14px}.staff-add-student-message.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.staff-add-student-message.success{color:#16803c;background:#ecfdf3;border:1px solid #bbf7d0}.staff-add-student-form{flex-direction:column;gap:20px;display:flex}.staff-add-student-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.staff-add-student-section-header{margin-bottom:20px}.staff-add-student-section-header h3{color:#111827;font-size:16px;font-weight:600}.staff-add-student-section-header p{color:#6b7280;margin-top:4px;font-size:13px}.staff-add-student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.staff-add-student-field{flex-direction:column;gap:7px;display:flex}.staff-add-student-field.full{grid-column:1/-1}.staff-add-student-field label{color:#374151;font-size:13px;font-weight:500}.staff-add-student-field input,.staff-add-student-field select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;font-family:inherit;font-size:14px}.staff-add-student-field input:focus,.staff-add-student-field select:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #eef2ff}.staff-add-student-actions{justify-content:flex-end;align-items:center;gap:10px;padding-bottom:10px;display:flex}.staff-add-student-cancel,.staff-add-student-submit{cursor:pointer;border-radius:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:500}.staff-add-student-cancel{color:#374151;background:#fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.staff-add-student-cancel:hover{background:#f9fafb}.staff-add-student-submit{color:#fff;background:#3730a3;border:1px solid #3730a3}.staff-add-student-submit:hover:not(:disabled){background:#312e81}.staff-add-student-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.staff-add-student{width:100%}.staff-add-student-header{flex-direction:column;align-items:flex-start}.staff-add-student-grid{grid-template-columns:1fr}.staff-add-student-field.full{grid-column:auto}.staff-add-student-section{padding:18px}.staff-add-student-actions{justify-content:stretch}.staff-add-student-cancel,.staff-add-student-submit{flex:1}}.staff-add-student-field label .required{color:#dc2626;margin-left:2px}.staff-student-details-page{width:100%}.staff-student-details-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.staff-student-details-header h2{color:#282828;margin:14px 0 4px;font-size:24px;font-weight:600}.staff-student-details-pass-id{color:#777;margin:0;font-size:13px}.staff-student-details-back-button{color:#3730a3;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:13px}.staff-student-details-status{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.staff-student-details-status.active{color:#15803d;background:#dcfce7}.staff-student-details-status.inactive{color:#b91c1c;background:#fee2e2}.staff-student-details-card{background:#fff;border:1px solid #ececec;border-radius:12px;margin-bottom:18px;padding:20px}.staff-student-details-card h3{color:#282828;margin:0 0 18px;font-size:16px;font-weight:600}.staff-student-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.staff-student-details-grid>div{flex-direction:column;gap:5px;display:flex}.staff-student-details-grid span{color:#888;font-size:12px}.staff-student-details-grid strong{color:#282828;word-break:break-word;font-size:13px;font-weight:500}.staff-student-details-state{text-align:center;color:#777;padding:40px 20px;font-size:14px}.staff-student-details-error{color:#dc2626;margin-bottom:12px}@media (width<=900px){.staff-student-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.staff-student-details-header{flex-direction:column}.staff-student-details-grid{grid-template-columns:1fr}.staff-student-details-card{padding:16px}}.staff-student-details-header-actions{align-items:center;gap:10px;display:flex}.staff-student-details-edit-button{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:7px;height:36px;padding:0 14px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-details-disable-button,.staff-student-details-activate-button{cursor:pointer;border:none;border-radius:7px;height:36px;padding:0 14px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-details-disable-button{color:#b91c1c;background:#fee2e2}.staff-student-details-activate-button{color:#15803d;background:#dcfce7}.staff-student-details-disable-button:disabled,.staff-student-details-activate-button:disabled,.staff-student-details-edit-button:disabled{opacity:.6;cursor:not-allowed}.staff-student-documents-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.staff-student-documents-header h3{margin-bottom:4px}.staff-student-documents-header p{color:#888;margin:0;font-size:12px}.staff-student-document-upload{background:#fafafa;border:1px solid #eee;border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin-bottom:20px;padding:16px;display:grid}.staff-student-document-field{flex-direction:column;gap:7px;display:flex}.staff-student-document-field label{color:#555;font-size:12px;font-weight:500}.staff-student-document-field select,.staff-student-document-field input{color:#282828;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:7px;outline:none;width:100%;height:38px;padding:0 11px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-document-field select:focus,.staff-student-document-field input:focus{border-color:#3730a3}.staff-student-document-field input[type=file]{cursor:pointer;padding:8px 10px}.staff-student-document-upload-button{color:#fff;cursor:pointer;white-space:nowrap;background:#3730a3;border:none;border-radius:7px;height:38px;padding:0 16px;font-family:Poppins,sans-serif;font-size:12px}.staff-student-document-upload-button:hover{background:#312e81}.staff-student-document-upload-button:disabled{opacity:.6;cursor:not-allowed}.staff-student-documents-list{width:100%}.staff-student-documents-table-wrapper{width:100%;overflow-x:auto}.staff-student-documents-table{border-collapse:collapse;width:100%}.staff-student-documents-table th{text-align:left;color:#777;white-space:nowrap;border-bottom:1px solid #eaeaea;padding:11px 12px;font-size:11px;font-weight:600}.staff-student-documents-table td{color:#555;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:13px 12px;font-size:12px}.staff-student-documents-table tbody tr:last-child td{border-bottom:none}.staff-student-documents-table td strong{color:#282828;font-size:12px;font-weight:500}.staff-student-document-file-name{text-overflow:ellipsis;white-space:nowrap;color:#666;max-width:240px;display:inline-block;overflow:hidden}.staff-student-document-view-button{color:#3730a3;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:6px;height:32px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-document-view-button:hover{background:#f5f3ff;border-color:#c7c3f5}.staff-student-documents-state{text-align:center;color:#888;padding:24px 10px;font-size:12px}.staff-student-documents-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin-bottom:14px;padding:10px 12px;font-size:12px}@media (width<=900px){.staff-student-document-upload{grid-template-columns:1fr 1fr}.staff-student-document-upload-button{width:fit-content}}@media (width<=600px){.staff-student-document-upload{grid-template-columns:1fr}.staff-student-document-upload-button{width:100%}.staff-student-documents-table{min-width:650px}}.staff-student-document-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-student-document-replace-button{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;height:32px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px;display:inline-flex}.staff-student-document-replace-button:hover{background:#f7f7f7;border-color:#ccc}.staff-edit-student-page{width:100%}.staff-edit-student-header{margin-bottom:24px}.staff-edit-student-back{color:#3730a3;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:13px}.staff-edit-student-header h2{color:#282828;margin:14px 0 4px;font-size:24px;font-weight:600}.staff-edit-student-header p{color:#777;margin:0;font-size:13px}.staff-edit-student-card{background:#fff;border:1px solid #ececec;border-radius:12px;margin-bottom:18px;padding:20px}.staff-edit-student-card h3{color:#282828;margin:0 0 20px;font-size:16px;font-weight:600}.staff-edit-student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.staff-edit-student-field{flex-direction:column;gap:7px;display:flex}.staff-edit-student-field label{color:#282828;font-size:12px;font-weight:500}.staff-edit-student-field .required{color:#dc2626;margin-left:2px}.staff-edit-student-field input,.staff-edit-student-field select{color:#282828;box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;width:100%;height:40px;padding:0 12px;font-family:Poppins,sans-serif;font-size:13px}.staff-edit-student-field input:focus,.staff-edit-student-field select:focus{border-color:#3730a3}.staff-edit-student-field input:disabled{color:#888;cursor:not-allowed;background:#f5f5f5}.staff-edit-student-password{border-top:1px solid #eee;margin-top:24px;padding-top:20px}.staff-edit-student-password h4{color:#282828;margin:0 0 4px;font-size:14px;font-weight:600}.staff-edit-student-password p{color:#888;margin:0 0 18px;font-size:12px}.staff-edit-student-message{border-radius:7px;margin-bottom:18px;padding:11px 14px;font-size:13px}.staff-edit-student-message.error{color:#b91c1c;background:#fef2f2;scroll-margin-top:20px}.staff-edit-student-message.success{color:#15803d;background:#f0fdf4}.staff-edit-student-actions{justify-content:flex-end;gap:10px;margin-bottom:30px;display:flex}.staff-edit-student-cancel,.staff-edit-student-save{cursor:pointer;border-radius:7px;height:40px;padding:0 18px;font-family:Poppins,sans-serif;font-size:13px}.staff-edit-student-cancel{color:#444;background:#fff;border:1px solid #dedede}.staff-edit-student-save{color:#fff;background:#3730a3;border:none}.staff-edit-student-cancel:disabled,.staff-edit-student-save:disabled{opacity:.6;cursor:not-allowed}.staff-edit-student-state{text-align:center;color:#777;padding:40px 20px;font-size:14px}@media (width<=900px){.staff-edit-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.staff-edit-student-grid{grid-template-columns:1fr}.staff-edit-student-card{padding:16px}.staff-edit-student-actions{flex-direction:column-reverse}.staff-edit-student-cancel,.staff-edit-student-save{width:100%}}.staff-edit-student-save{justify-content:center;align-items:center;gap:8px;display:inline-flex}.staff-edit-student-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite staff-edit-student-spin}@keyframes staff-edit-student-spin{to{transform:rotate(360deg)}}.staff-edit-student-fieldset{border:none;min-width:0;margin:0;padding:0}.staff-form-list-page{width:100%}.staff-form-list-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.staff-form-list-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-form-list-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-form-list-create{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:7px;height:38px;padding:0 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-form-list-summary{color:#666;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:12px}.staff-form-list-table-wrapper{background:#fff;border:1px solid #ececec;border-radius:10px;width:100%;overflow-x:auto}.staff-form-list-table{border-collapse:collapse;width:100%;min-width:900px}.staff-form-list-table th{text-align:left;color:#555;background:#f8f8f8;border-bottom:1px solid #ececec;padding:13px 15px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.staff-form-list-table td{color:#444;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-form-list-table tbody tr:last-child td{border-bottom:none}.staff-form-list-name{align-items:center;gap:10px;min-width:220px;display:flex}.staff-form-list-name strong{color:#282828;font-size:12px;font-weight:600;display:block}.staff-form-list-name span{text-overflow:ellipsis;white-space:nowrap;color:#888;max-width:250px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.staff-form-list-icon{object-fit:contain;flex-shrink:0;width:34px;height:34px}.staff-form-list-status{border-radius:20px;align-items:center;padding:4px 9px;font-size:10px;font-weight:500;display:inline-flex}.staff-form-list-status.active{color:#15803d;background:#dcfce7}.staff-form-list-status.inactive{color:#b91c1c;background:#fee2e2}.staff-form-list-view{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:30px;padding:0 11px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-list-view:hover{background:#f5f3ff}.staff-form-list-state{text-align:center;color:#777;padding:50px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-form-list-error{color:#b91c1c}.staff-form-list-retry{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;margin:-30px auto 0;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;display:block}.staff-form-list-empty{text-align:center;background:#fff;border:1px solid #ececec;border-radius:10px;padding:60px 20px}.staff-form-list-empty h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.staff-form-list-empty p{color:#888;margin:6px 0 18px;font-family:Poppins,sans-serif;font-size:12px}.staff-form-list-empty button{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-list-filters{align-items:center;gap:10px;margin-bottom:12px;display:flex}.staff-form-list-search{flex:1}.staff-form-list-search input,.staff-form-list-filters select{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;height:38px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-list-search input{width:100%;padding:0 12px}.staff-form-list-filters select{cursor:pointer;min-width:145px;padding:0 10px}.staff-form-list-search input:focus,.staff-form-list-filters select:focus{border-color:#3730a3}.staff-form-list-pagination{justify-content:center;align-items:center;gap:15px;margin-top:18px;display:flex}.staff-form-list-pagination button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:34px;padding:0 13px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-list-pagination button:disabled{opacity:.45;cursor:not-allowed}.staff-form-list-pagination span{color:#555;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-page{width:100%}.staff-form-details-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.staff-form-details-back-button{color:#3730a3;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-title-row{align-items:center;gap:12px;display:flex}.staff-form-details-icon{object-fit:contain;width:46px;height:46px}.staff-form-details-title-row h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-form-details-code{color:#888;margin:3px 0 0;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-header-actions{align-items:center;gap:10px;display:flex}.staff-form-details-status{border-radius:20px;align-items:center;height:30px;padding:0 10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;display:inline-flex}.staff-form-details-status.active{color:#15803d;background:#dcfce7}.staff-form-details-status.inactive{color:#b91c1c;background:#fee2e2}.staff-form-details-edit-button,.staff-form-details-disable-button,.staff-form-details-activate-button{cursor:pointer;border:none;border-radius:7px;height:36px;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-edit-button{color:#fff;background:#3730a3}.staff-form-details-disable-button{color:#b91c1c;background:#fee2e2}.staff-form-details-activate-button{color:#15803d;background:#dcfce7}.staff-form-details-edit-button:disabled,.staff-form-details-disable-button:disabled,.staff-form-details-activate-button:disabled{opacity:.6;cursor:not-allowed}.staff-form-details-message{color:#b91c1c;background:#fef2f2;border-radius:7px;margin-bottom:18px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-card{background:#fff;border:1px solid #ececec;border-radius:10px;margin-bottom:18px;padding:20px}.staff-form-details-card h3{color:#282828;margin:0 0 18px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.staff-form-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;display:grid}.staff-form-details-grid>div{min-width:0}.staff-form-details-grid span{color:#888;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:10px;display:block}.staff-form-details-grid strong{color:#282828;word-break:break-word;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.6;display:block}.staff-form-details-full{grid-column:1/-1}.staff-form-details-fee-table-wrapper{width:100%;margin-top:20px;overflow-x:auto}.staff-form-details-fee-table{border-collapse:collapse;width:100%;min-width:650px}.staff-form-details-fee-table th,.staff-form-details-fee-table td{text-align:left;border:1px solid #ececec;padding:10px 12px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-fee-table th{color:#555;background:#f8f8f8;font-weight:600}.staff-form-details-fee-table td{color:#444}.staff-form-details-list{border:1px solid #ececec;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.staff-form-details-list-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;display:flex}.staff-form-details-list-item:last-child{border-bottom:none}.staff-form-details-list-item strong{color:#282828;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;display:block}.staff-form-details-list-item div span{color:#999;margin-top:3px;font-family:Poppins,sans-serif;font-size:9px;display:block}.staff-form-details-type{color:#666;background:#f5f5f5;border-radius:5px;flex-shrink:0;padding:4px 8px;font-family:Poppins,sans-serif;font-size:9px}.staff-form-details-empty{color:#999;margin:0;font-family:Poppins,sans-serif;font-size:11px}.staff-form-details-state{text-align:center;color:#777;padding:60px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-form-details-error{color:#b91c1c;margin-bottom:10px}.create-form-page{width:100%;max-width:1200px;margin:0 auto;padding:24px}.create-form-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.create-form-header h1{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:26px;font-weight:600}.create-form-header p{color:#777;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:13px}.create-form{flex-direction:column;gap:20px;display:flex}.form-section{background:#fff;border:1px solid #ececec;border-radius:12px;padding:24px}.section-header{margin-bottom:22px}.section-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:17px;font-weight:600}.section-header p{color:#888;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#282828;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.required{color:#e53935;margin-left:3px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dcdcdc;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3730a3}.form-group textarea{resize:vertical;min-height:100px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;background:#f7f7f7}.field-error{color:#d32f2f;font-family:Poppins,sans-serif;font-size:11px}.create-form-error{color:#c62828;background:#fff1f1;border:1px solid #ffd5d5;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:12px}.fee-type{align-items:center;gap:24px;margin-bottom:22px;display:flex}.radio-option{cursor:pointer;color:#282828;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:12px;display:flex}.radio-option input{accent-color:#3730a3;margin:0}.fee-input{max-width:300px}.amount-input{border:1px solid #dcdcdc;border-radius:7px;align-items:center;display:flex;overflow:hidden}.amount-input span{color:#555;background:#f7f7f7;border-right:1px solid #dcdcdc;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px}.amount-input input{border:0;border-radius:0}.amount-input input:focus{border:0}.fee-table-wrapper{width:100%;overflow-x:auto}.fee-table{border-collapse:collapse;width:100%;min-width:700px}.fee-table th,.fee-table td{text-align:center;border:1px solid #e5e5e5;padding:10px}.fee-table th{color:#555;background:#f8f8f8;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.fee-table td{color:#282828;font-family:Poppins,sans-serif;font-size:11px}.fee-table td input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:90px;padding:7px 8px;font-family:Poppins,sans-serif;font-size:11px}.fee-table td input:focus{border-color:#3730a3}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.selection-item{cursor:pointer;border:1px solid #e7e7e7;border-radius:8px;align-items:center;gap:11px;padding:12px;transition:border-color .2s,background .2s;display:flex}.selection-item:hover{background:#fafafa;border-color:#cfcfcf}.selection-item input{accent-color:#3730a3;flex-shrink:0;width:15px;height:15px}.selection-item div{flex-direction:column;gap:2px;display:flex}.selection-item strong{color:#282828;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.selection-item span{color:#999;font-family:Poppins,sans-serif;font-size:10px}.master-loading,.master-empty{text-align:center;color:#888;border:1px dashed #ddd;border-radius:8px;padding:20px;font-family:Poppins,sans-serif;font-size:12px}.form-actions{justify-content:flex-end;gap:10px;padding-bottom:20px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:7px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.primary-button{color:#fff;background:#3730a3}.primary-button:hover{background:#302890}.secondary-button{color:#444;background:#f3f3f3}.secondary-button:hover{background:#e8e8e8}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){.create-form-page{padding:18px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.selection-grid{grid-template-columns:1fr}.create-form-header{align-items:flex-start}}@media (width<=550px){.create-form-page{padding:14px}.form-section{padding:18px}.create-form-header{flex-direction:column}.create-form-header button{width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.fee-type{flex-direction:column;align-items:flex-start;gap:12px}}.input-help{color:#999;font-family:Poppins,sans-serif;font-size:10px}.icon-preview{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;width:120px;height:80px;margin-top:5px;overflow:hidden}.icon-preview img{object-fit:cover;width:100%;height:100%;display:block}.edit-form-state{text-align:center;color:#777;padding:40px;font-family:Poppins,sans-serif;font-size:13px}.edit-form-readonly{cursor:not-allowed;color:#777!important;background:#f7f7f7!important}.staff-workspace-list-page{width:100%}.staff-workspace-list-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.staff-workspace-list-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-workspace-list-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-workspace-list-filters{align-items:center;gap:10px;margin-bottom:12px;display:flex}.staff-workspace-list-search{flex:1}.staff-workspace-list-search input,.staff-workspace-list-filters select{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;height:38px;font-family:Poppins,sans-serif;font-size:11px}.staff-workspace-list-search input{width:100%;padding:0 12px}.staff-workspace-list-search input::placeholder{color:#999}.staff-workspace-list-filters select{cursor:pointer;min-width:145px;padding:0 10px}.staff-workspace-list-search input:focus,.staff-workspace-list-filters select:focus{border-color:#3730a3}.staff-workspace-list-summary{color:#666;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:12px}.staff-workspace-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.staff-workspace-card{background:#fff;border:1px solid #ececec;border-radius:10px;flex-direction:column;min-width:0;padding:18px;display:flex}.staff-workspace-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.staff-workspace-card-form{align-items:center;gap:10px;min-width:0;display:flex}.staff-workspace-card-form>div:last-child{min-width:0}.staff-workspace-card-icon{object-fit:contain;flex-shrink:0;width:38px;height:38px}.staff-workspace-card-icon-placeholder{color:#3730a3;background:#f5f3ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;display:flex}.staff-workspace-card-form h3{text-overflow:ellipsis;white-space:nowrap;color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.staff-workspace-card-form span{color:#888;margin-top:3px;font-family:Poppins,sans-serif;font-size:10px;display:block}.staff-workspace-card-status{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 8px;font-family:Poppins,sans-serif;font-size:9px;font-weight:500;display:inline-flex}.staff-workspace-card-status.active{color:#15803d;background:#dcfce7}.staff-workspace-card-status.inactive{color:#b91c1c;background:#fee2e2}.staff-workspace-card-category{color:#666;text-transform:capitalize;background:#f7f7f7;border-radius:5px;align-self:flex-start;margin-top:16px;padding:4px 8px;font-family:Poppins,sans-serif;font-size:9px;display:inline-flex}.staff-workspace-card-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.staff-workspace-card-stat{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:12px}.staff-workspace-card-stat strong{color:#282828;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;display:block}.staff-workspace-card-stat span{color:#888;margin-top:2px;font-family:Poppins,sans-serif;font-size:10px;display:block}.staff-workspace-card-footer{border-top:1px solid #eee;margin-top:16px;padding-top:14px}.staff-workspace-card-open{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;width:100%;height:34px;font-family:Poppins,sans-serif;font-size:11px}.staff-workspace-card-open:hover{background:#f5f3ff;border-color:#c7c3f5}.staff-workspace-list-state{text-align:center;color:#777;padding:50px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-workspace-list-error{color:#b91c1c}.staff-workspace-list-retry{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;margin:-30px auto 0;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;display:block}.staff-workspace-list-empty{text-align:center;background:#fff;border:1px solid #ececec;border-radius:10px;padding:60px 20px}.staff-workspace-list-empty h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.staff-workspace-list-empty p{color:#888;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:12px}@media (width<=1100px){.staff-workspace-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.staff-workspace-list-grid{grid-template-columns:1fr}.staff-workspace-card{padding:15px}.staff-workspace-list-filters{flex-direction:column;align-items:stretch}.staff-workspace-list-filters select{width:100%}}.staff-form-workspace-page{width:100%}.staff-form-workspace-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;display:flex}.staff-form-workspace-header h2{color:#282828;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-form-workspace-header p{color:#777;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-form-workspace-back button{color:#3730a3;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:11px}.staff-form-workspace-back button:hover{text-decoration:underline}.staff-form-workspace-summary{color:#666;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:12px}.staff-form-workspace-table-wrapper{background:#fff;border:1px solid #ececec;border-radius:10px;width:100%;overflow-x:auto}.staff-form-workspace-table{border-collapse:collapse;width:100%;min-width:900px}.staff-form-workspace-table th{text-align:left;color:#555;background:#f8f8f8;border-bottom:1px solid #ececec;padding:13px 15px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.staff-form-workspace-table td{color:#444;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-form-workspace-table tbody tr:last-child td{border-bottom:none}.staff-form-workspace-student{align-items:center;gap:10px;min-width:220px;display:flex}.staff-form-workspace-student-avatar{color:#3730a3;background:#f5f3ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:flex}.staff-form-workspace-student strong{color:#282828;font-size:12px;font-weight:600;display:block}.staff-form-workspace-student span{text-overflow:ellipsis;white-space:nowrap;color:#888;max-width:220px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.staff-form-workspace-status{border-radius:20px;align-items:center;padding:4px 9px;font-size:10px;font-weight:500;display:inline-flex}.staff-form-workspace-status.requested{color:#b45309;background:#fef3c7}.staff-form-workspace-status.approved{color:#1d4ed8;background:#dbeafe}.staff-form-workspace-status.processing{color:#6d28d9;background:#ede9fe}.staff-form-workspace-status.completed{color:#15803d;background:#dcfce7}.staff-form-workspace-status.rejected{color:#b91c1c;background:#fee2e2}.staff-form-workspace-open{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:30px;padding:0 11px;font-family:Poppins,sans-serif;font-size:11px}.staff-form-workspace-open:hover{background:#f5f3ff}.staff-form-workspace-state{text-align:center;color:#777;padding:50px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-form-workspace-error{color:#b91c1c}.staff-form-workspace-retry{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;margin:-30px auto 0;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;display:block}.staff-form-workspace-empty{text-align:center;background:#fff;border:1px solid #ececec;border-radius:10px;padding:60px 20px}.staff-form-workspace-empty h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.staff-form-workspace-empty p{color:#888;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:12px}@media (width<=600px){.staff-form-workspace-table{min-width:900px}}.staff-student-workspace-page{width:100%}.staff-student-workspace-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.staff-student-workspace-header h2{color:#282828;margin:6px 0 0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-student-workspace-header p{color:#777;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-student-workspace-back button{color:#3730a3;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-back button:hover{text-decoration:underline}.staff-student-workspace-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin-bottom:15px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-top-grid{grid-template-columns:1fr 1.4fr;gap:16px;margin-bottom:20px;display:grid}.staff-student-workspace-card{background:#fff;border:1px solid #ececec;border-radius:10px;padding:18px}.staff-student-workspace-card-header{margin-bottom:16px}.staff-student-workspace-card-header h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.staff-student-workspace-student{align-items:flex-start;gap:12px;display:flex}.staff-student-workspace-avatar{color:#3730a3;background:#f5f3ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;display:flex}.staff-student-workspace-student strong{color:#282828;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;display:block}.staff-student-workspace-student span{color:#777;margin-top:3px;font-family:Poppins,sans-serif;font-size:11px;display:block}.staff-student-workspace-control-row{grid-template-columns:140px 1fr;align-items:center;gap:12px;margin-bottom:12px;display:grid}.staff-student-workspace-control-row>span{color:#777;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-control-row>strong{color:#444;font-family:Poppins,sans-serif;font-size:11px;font-weight:500}.staff-student-workspace-control-row select,.staff-student-workspace-control-row textarea{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:6px;outline:none;width:100%;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-control-row select{height:34px;padding:0 9px}.staff-student-workspace-control-row textarea{resize:vertical;min-height:70px;padding:9px}.staff-student-workspace-control-row select:focus,.staff-student-workspace-control-row textarea:focus{border-color:#3730a3}.staff-student-workspace-control-row select:disabled,.staff-student-workspace-control-row textarea:disabled{cursor:not-allowed;background:#f7f7f7}.staff-student-workspace-remarks-actions{justify-content:flex-end;margin-bottom:14px;display:flex}.staff-student-workspace-remarks-actions button,.staff-student-workspace-request-actions button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:32px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-remarks-actions button:hover{background:#f5f3ff}.staff-student-workspace-remarks-actions button:disabled,.staff-student-workspace-request-actions button:disabled{opacity:.5;cursor:not-allowed}.staff-student-workspace-request-actions{border-top:1px solid #eee;gap:8px;padding-top:14px;display:flex}.staff-student-workspace-request-actions .approve{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.staff-student-workspace-request-actions .reject{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.staff-student-workspace-section{background:#fff;border:1px solid #ececec;border-radius:10px;margin-bottom:20px;padding:18px}.staff-student-workspace-section-header{margin-bottom:14px}.staff-student-workspace-section-header h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.staff-student-workspace-section-header p{color:#888;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-table-wrapper{width:100%;overflow-x:auto}.staff-student-workspace-table{border-collapse:collapse;width:100%;min-width:650px}.staff-student-workspace-table th{text-align:left;color:#555;background:#f8f8f8;border-bottom:1px solid #ececec;padding:11px 12px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600}.staff-student-workspace-table td{color:#444;vertical-align:middle;border-bottom:1px solid #eee;padding:12px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-table tbody tr:last-child td{border-bottom:none}.staff-student-workspace-table td strong{color:#282828;font-size:11px;font-weight:500}.staff-student-workspace-check{border-radius:20px;align-items:center;padding:4px 8px;font-family:Poppins,sans-serif;font-size:9px;font-weight:500;display:inline-flex}.staff-student-workspace-check.complete{color:#15803d;background:#dcfce7}.staff-student-workspace-check.missing{color:#b91c1c;background:#fee2e2}.staff-student-workspace-document-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.staff-student-workspace-view,.staff-student-workspace-upload{color:#3730a3;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dedede;border-radius:6px;justify-content:center;align-items:center;height:30px;padding:0 10px;font-family:Poppins,sans-serif;font-size:10px;display:inline-flex}.staff-student-workspace-view:hover,.staff-student-workspace-upload:hover{background:#f5f3ff}.staff-student-workspace-activity{flex-direction:column;display:flex}.staff-student-workspace-activity-item{border-bottom:1px solid #eee;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.staff-student-workspace-activity-item:last-child{border-bottom:none}.staff-student-workspace-activity-dot{background:#3730a3;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.staff-student-workspace-activity-item strong{color:#282828;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;display:block}.staff-student-workspace-activity-item span{color:#888;margin-top:3px;font-family:Poppins,sans-serif;font-size:10px;display:block}.staff-student-workspace-activity-empty{text-align:center;color:#888;padding:25px 10px;font-family:Poppins,sans-serif;font-size:11px}.staff-student-workspace-state{text-align:center;color:#777;padding:50px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-student-workspace-error{color:#b91c1c}.staff-student-workspace-retry{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;margin:-30px auto 0;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;display:block}@media (width<=900px){.staff-student-workspace-top-grid{grid-template-columns:1fr}}@media (width<=600px){.staff-student-workspace-card,.staff-student-workspace-section{padding:14px}.staff-student-workspace-control-row{grid-template-columns:1fr;gap:6px}.staff-student-workspace-table{min-width:650px}}.form-request-page{font-family:Poppins,sans-serif}.form-request-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-request-header h1{color:#282828;margin:0;font-size:24px;font-weight:600}.form-request-header p{color:#777;margin:6px 0 0;font-size:13px}.form-request-filters{align-items:center;gap:12px;margin-bottom:20px;display:flex}.form-request-search{flex:1}.form-request-search input,.form-request-filters select{background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;height:42px;padding:0 14px;font-family:Poppins,sans-serif;font-size:13px}.form-request-search input{box-sizing:border-box;width:100%}.form-request-search input:focus,.form-request-filters select:focus{border-color:#3730a3}.form-request-filters select{cursor:pointer;min-width:150px}.form-request-summary{color:#666;margin-bottom:12px;font-size:13px}.form-request-table-wrapper{background:#fff;border:1px solid #e7e7e7;border-radius:10px;width:100%;overflow-x:auto}.form-request-table{border-collapse:collapse;width:100%;min-width:900px}.form-request-table th{text-align:left;color:#666;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e7e7e7;padding:14px 16px;font-size:12px;font-weight:600}.form-request-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:13px}.form-request-table tbody tr:last-child td{border-bottom:none}.form-request-table tbody tr:hover{background:#fafafa}.request-student{align-items:center;gap:10px;display:flex}.request-student-avatar{color:#3730a3;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.request-student>div:last-child,.request-form{flex-direction:column;gap:3px;display:flex}.request-student strong,.request-form strong{color:#282828;font-size:13px;font-weight:600}.request-student span,.request-form span{color:#888;font-size:11px}.request-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.request-view-button,.request-approve-button,.request-reject-button{cursor:pointer;border:none;border-radius:7px;padding:7px 11px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.request-view-button{color:#3730a3;background:#eef2ff}.request-view-button:hover{background:#e0e7ff}.request-approve-button{color:#1a9134;background:#edf8f0}.request-approve-button:hover{background:#dff2e4}.request-reject-button{color:#d33;background:#fff0f0}.request-reject-button:hover{background:#ffe1e1}.form-request-state{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.form-request-state h3{color:#444;margin:0 0 6px;font-size:15px;font-weight:600}.form-request-state p{margin:0;font-size:12px}.form-request-state.error{color:#d33}.form-request-pagination{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.form-request-pagination button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;padding:7px 14px;font-family:Poppins,sans-serif;font-size:12px}.form-request-pagination button:hover:not(:disabled){border-color:#3730a3}.form-request-pagination button:disabled{opacity:.45;cursor:not-allowed}.form-request-pagination span{color:#666;font-size:12px}@media (width<=768px){.form-request-page{padding:16px}.form-request-filters{flex-direction:column;align-items:stretch}.form-request-filters select{width:100%}.form-request-pagination{justify-content:center}}.reject-modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reject-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 50px #00000026}.reject-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.reject-modal-header h2{color:#282828;margin:0;font-size:17px;font-weight:600}.reject-modal-header p{color:#777;margin:6px 0 0;font-size:12px}.reject-modal-header p strong{color:#282828;font-weight:600}.reject-modal-close{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex}.reject-modal-close:hover{background:#eee}.reject-modal-body{padding:20px}.reject-modal-body label{color:#444;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.reject-modal-body textarea{box-sizing:border-box;resize:vertical;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-family:Poppins,sans-serif;font-size:12px;line-height:1.5}.reject-modal-body textarea:focus{border-color:#3730a3}.reject-modal-footer{justify-content:flex-end;gap:8px;padding:14px 20px 20px;display:flex}.reject-modal-cancel,.reject-modal-confirm{cursor:pointer;border:none;border-radius:7px;padding:9px 15px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.reject-modal-cancel{color:#555;background:#f5f5f5}.reject-modal-cancel:hover{background:#eee}.reject-modal-confirm{color:#fff;background:#d33}.reject-modal-confirm:hover{background:#bd2929}.reject-modal-cancel:disabled,.reject-modal-confirm:disabled,.reject-modal-close:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.reject-modal-overlay{padding:16px}.reject-modal-footer{flex-direction:column-reverse}.reject-modal-cancel,.reject-modal-confirm{width:100%}}.approve-modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.approve-modal{background:#fff;border-radius:12px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 50px #00000026}.approve-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.approve-modal-header h2{color:#282828;margin:0;font-size:17px;font-weight:600}.approve-modal-header p{color:#777;margin:6px 0 0;font-size:12px;line-height:1.5}.approve-modal-header p strong{color:#282828;font-weight:600}.approve-modal-close{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex}.approve-modal-close:hover{background:#eee}.approve-modal-body{padding:20px}.approve-modal-info{background:#f8f9ff;border:1px solid #e7e7f5;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.approve-modal-info span{color:#888;font-size:11px}.approve-modal-info strong{color:#282828;font-size:13px;font-weight:600}.approve-modal-body>p{color:#777;margin:12px 0 0;font-size:12px;line-height:1.5}.approve-modal-footer{justify-content:flex-end;gap:8px;padding:14px 20px 20px;display:flex}.approve-modal-cancel,.approve-modal-confirm{cursor:pointer;border:none;border-radius:7px;padding:9px 15px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.approve-modal-cancel{color:#555;background:#f5f5f5}.approve-modal-cancel:hover{background:#eee}.approve-modal-confirm{color:#fff;background:#1a9134}.approve-modal-confirm:hover{background:#147a2a}.approve-modal-cancel:disabled,.approve-modal-confirm:disabled,.approve-modal-close:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.approve-modal-overlay{padding:16px}.approve-modal-footer{flex-direction:column-reverse}.approve-modal-cancel,.approve-modal-confirm{width:100%}}.resource-list-page{font-family:Poppins,sans-serif}.resource-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.resource-list-header h1{color:#282828;margin:0;font-size:24px;font-weight:600}.resource-list-header p{color:#777;margin:6px 0 0;font-size:13px}.resource-add-button{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:8px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.resource-add-button:hover{background:#2f288f}.resource-list-filters{align-items:center;gap:12px;margin-bottom:20px;display:flex}.resource-list-search{flex:1}.resource-list-search input,.resource-list-filters select{background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;height:42px;padding:0 14px;font-family:Poppins,sans-serif;font-size:13px}.resource-list-search input{box-sizing:border-box;width:100%}.resource-list-search input:focus,.resource-list-filters select:focus{border-color:#3730a3}.resource-list-filters select{cursor:pointer;min-width:170px}.resource-list-summary{color:#666;margin-bottom:12px;font-size:13px}.resource-list-table-wrapper{background:#fff;border:1px solid #e7e7e7;border-radius:10px;width:100%;overflow-x:auto}.resource-list-table{border-collapse:collapse;width:100%;min-width:1150px}.resource-list-table th{text-align:left;color:#666;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e7e7e7;padding:14px 16px;font-size:12px;font-weight:600}.resource-list-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:12px}.resource-list-table tbody tr:last-child td{border-bottom:none}.resource-list-table tbody tr:hover{background:#fafafa}.resource-list-resource{align-items:center;gap:10px;min-width:250px;display:flex}.resource-list-icon{color:#3730a3;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:10px;font-weight:600;display:flex}.resource-list-resource>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.resource-list-resource strong{color:#282828;font-size:13px;font-weight:600}.resource-list-resource span{text-overflow:ellipsis;white-space:nowrap;color:#888;max-width:300px;font-size:11px;overflow:hidden}.resource-type-badge,.resource-status-badge{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:500;display:inline-flex}.resource-type-badge.video{color:#3730a3;background:#eef2ff}.resource-type-badge.pdf{color:#c66a00;background:#fff3e8}.resource-status-badge.published{color:#1a9134;background:#edf8f0}.resource-status-badge.draft{color:#777;background:#f4f4f4}.resource-list-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.resource-view-button,.resource-edit-button,.resource-delete-button{cursor:pointer;border:none;border-radius:7px;padding:7px 11px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500}.resource-view-button{color:#3730a3;background:#eef2ff}.resource-view-button:hover{background:#e0e7ff}.resource-edit-button{color:#5b21b6;background:#f3f1ff}.resource-edit-button:hover{background:#e9e4ff}.resource-delete-button{color:#d33;background:#fff0f0}.resource-delete-button:hover{background:#ffe1e1}.resource-delete-button:disabled{opacity:.5;cursor:not-allowed}.resource-list-state{color:#777;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.resource-list-state h3{color:#444;margin:0 0 6px;font-size:15px;font-weight:600}.resource-list-state p{margin:0;font-size:12px}.resource-list-state.error{color:#d33}@media (width<=768px){.resource-list-page{padding:16px}.resource-list-header{align-items:flex-start;gap:14px}.resource-add-button{white-space:nowrap}.resource-list-filters{flex-direction:column;align-items:stretch}.resource-list-filters select{width:100%}}.resource-list-pagination{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.resource-list-pagination button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:7px;padding:7px 14px;font-family:Poppins,sans-serif;font-size:12px}.resource-list-pagination button:hover:not(:disabled){border-color:#3730a3}.resource-list-pagination button:disabled{opacity:.45;cursor:not-allowed}.resource-list-pagination span{color:#666;font-size:12px}@media (width<=768px){.resource-list-pagination{justify-content:center}}.resource-delete-modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.resource-delete-modal{background:#fff;border-radius:12px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 50px #00000026}.resource-delete-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.resource-delete-modal-header h2{color:#282828;margin:0;font-size:17px;font-weight:600}.resource-delete-modal-header p{color:#777;margin:6px 0 0;font-size:12px}.resource-delete-modal-close{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex}.resource-delete-modal-close:hover{background:#eee}.resource-delete-modal-body{padding:20px}.resource-delete-resource-info{background:#fafafa;border:1px solid #eee;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.resource-delete-resource-icon{color:#d33;background:#fff0f0;border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:10px;font-weight:600;display:flex}.resource-delete-resource-info>div:last-child{flex-direction:column;gap:3px;display:flex}.resource-delete-resource-info strong{color:#282828;font-size:13px;font-weight:600}.resource-delete-resource-info span{color:#888;font-size:11px}.resource-delete-warning{color:#777;margin:12px 0 0;font-size:12px;line-height:1.5}.resource-delete-modal-footer{justify-content:flex-end;gap:8px;padding:14px 20px 20px;display:flex}.resource-delete-modal-cancel,.resource-delete-modal-confirm{cursor:pointer;border:none;border-radius:7px;padding:9px 15px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.resource-delete-modal-cancel{color:#555;background:#f5f5f5}.resource-delete-modal-cancel:hover{background:#eee}.resource-delete-modal-confirm{color:#fff;background:#d33}.resource-delete-modal-confirm:hover{background:#bd2929}.resource-delete-modal-cancel:disabled,.resource-delete-modal-confirm:disabled,.resource-delete-modal-close:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.resource-delete-modal-overlay{padding:16px}.resource-delete-modal-footer{flex-direction:column-reverse}.resource-delete-modal-cancel,.resource-delete-modal-confirm{width:100%}}.resource-form-page{font-family:Poppins,sans-serif}.resource-form-header{margin-bottom:24px}.resource-form-header h1{color:#282828;margin:12px 0 0;font-size:24px;font-weight:600}.resource-form-header p{color:#777;margin:6px 0 0;font-size:13px}.resource-form-back{color:#3730a3;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:12px}.resource-form{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:24px}.resource-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.resource-form-group{flex-direction:column;gap:7px;display:flex}.resource-form-group.full{grid-column:1/-1}.resource-form-group label{color:#444;font-size:12px;font-weight:500}.resource-form-group input,.resource-form-group select,.resource-form-group textarea{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:12px}.resource-form-group input,.resource-form-group select{height:42px}.resource-form-group textarea{resize:vertical;min-height:110px}.resource-form-group input:focus,.resource-form-group select:focus,.resource-form-group textarea:focus{border-color:#3730a3}.resource-form-existing{color:#777;margin:0;font-size:11px}.resource-form-publish{background:#fafafa;border:1px solid #eee;border-radius:8px;grid-column:1/-1;padding:14px}.resource-form-checkbox{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.resource-form-checkbox input{accent-color:#3730a3;width:15px;height:15px}.resource-form-publish p{color:#888;margin:5px 0 0 23px;font-size:11px}.resource-form-footer{border-top:1px solid #eee;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:18px;display:flex}.resource-form-cancel,.resource-form-submit{cursor:pointer;border:none;border-radius:7px;padding:9px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.resource-form-cancel{color:#555;background:#f5f5f5}.resource-form-cancel:hover{background:#eee}.resource-form-submit{color:#fff;background:#3730a3}.resource-form-submit:hover{background:#2f288f}.resource-form-cancel:disabled,.resource-form-submit:disabled{opacity:.5;cursor:not-allowed}.resource-form-message{border-radius:8px;margin-bottom:16px;padding:11px 14px;font-size:12px}.resource-form-message.error{color:#d33;background:#fff0f0;border:1px solid #ffd5d5}.resource-form-message.success{color:#1a9134;background:#edf8f0;border:1px solid #d5edd9}.resource-form-state{color:#777;justify-content:center;align-items:center;min-height:250px;font-size:13px;display:flex}.resource-form-state.error{color:#d33}@media (width<=768px){.resource-form-page{padding:16px}.resource-form-grid{grid-template-columns:1fr}.resource-form-group.full,.resource-form-publish{grid-column:auto}.resource-form-footer{flex-direction:column-reverse}.resource-form-cancel,.resource-form-submit{width:100%}}.ticket-list-page{width:100%}.ticket-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ticket-list-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:600}.ticket-list-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:13px}.ticket-list-filters{grid-template-columns:1fr 180px 180px 180px;gap:12px;margin-bottom:20px;display:grid}.ticket-list-filters input,.ticket-list-filters select{color:#282828;box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;height:42px;padding:0 13px;font-family:Poppins,sans-serif;font-size:13px}.ticket-list-filters input:focus,.ticket-list-filters select:focus{border-color:#3730a3}.ticket-list-error{color:#c62828;background:#fff5f5;border:1px solid #f0b7b7;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:13px}.ticket-list-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:10px;width:100%;overflow-x:auto}.ticket-list-table{border-collapse:collapse;width:100%;min-width:1050px}.ticket-list-table th{text-align:left;color:#555;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:14px 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600}.ticket-list-table td{color:#444;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-family:Poppins,sans-serif;font-size:12px}.ticket-list-table tbody tr:last-child td{border-bottom:none}.ticket-list-table tbody tr:hover{background:#fafafa}.ticket-list-table td strong{color:#282828;font-weight:600;display:block}.ticket-list-table td small{color:#888;margin-top:3px;font-size:10px;display:block}.ticket-category,.ticket-priority,.ticket-status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-height:25px;padding:3px 9px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;display:inline-flex}.ticket-category-general{color:#555;background:#f3f4f6}.ticket-category-form{color:#3730a3;background:#eef2ff}.ticket-priority-low{color:#555;background:#f3f4f6}.ticket-priority-normal{color:#a16207;background:#fff7e6}.ticket-priority-high{color:#c62828;background:#fff0f0}.ticket-status-open{color:#1a9134;background:#eaf7ee}.ticket-status-in_progress{color:#3730a3;background:#eef2ff}.ticket-status-closed{color:#666;background:#f3f4f6}.ticket-view-button{color:#282828;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:7px;padding:7px 13px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;transition:all .2s}.ticket-view-button:hover{color:#3730a3;background:#f8f8ff;border-color:#3730a3}.ticket-list-empty{height:180px;text-align:center!important;color:#888!important}.ticket-list-pagination{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.ticket-list-pagination span{color:#666;font-family:Poppins,sans-serif;font-size:12px}.ticket-list-pagination button{color:#282828;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:7px;padding:7px 13px;font-family:Poppins,sans-serif;font-size:11px}.ticket-list-pagination button:hover:not(:disabled){color:#3730a3;border-color:#3730a3}.ticket-list-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1000px){.ticket-list-filters{grid-template-columns:1fr 1fr}}@media (width<=600px){.ticket-list-filters{grid-template-columns:1fr}}.ticket-details-page{width:100%}.ticket-details-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.ticket-details-back{color:#3730a3;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-family:Poppins,sans-serif;font-size:12px}.ticket-details-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:600}.ticket-details-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:13px}.ticket-delete-button{color:#c62828;cursor:pointer;background:#fff;border:1px solid #e0b4b4;border-radius:7px;padding:9px 14px;font-family:Poppins,sans-serif;font-size:11px}.ticket-delete-button:hover{background:#fff5f5}.ticket-delete-button:disabled{opacity:.5;cursor:not-allowed}.ticket-details-error{color:#c62828;background:#fff5f5;border:1px solid #f0b7b7;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:13px}.ticket-details-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.ticket-details-main,.ticket-details-sidebar{flex-direction:column;gap:20px;display:flex}.ticket-details-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:20px}.ticket-details-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ticket-details-card-header h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.ticket-details-info-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.ticket-details-info-grid div,.ticket-details-student div{flex-direction:column;gap:4px;display:flex}.ticket-details-info-grid span,.ticket-details-student span,.ticket-details-description>span,.ticket-existing-response>span,.ticket-timeline span{color:#888;font-family:Poppins,sans-serif;font-size:10px}.ticket-details-info-grid strong,.ticket-details-student strong,.ticket-timeline strong{color:#282828;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.ticket-details-description{border-top:1px solid #eee;margin-top:22px;padding-top:18px}.ticket-details-description p{color:#444;white-space:pre-wrap;margin:7px 0 0;font-family:Poppins,sans-serif;font-size:12px;line-height:1.7}.ticket-details-student{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.ticket-existing-response{background:#f8f8ff;border-radius:8px;margin-bottom:16px;padding:13px}.ticket-existing-response p{color:#444;white-space:pre-wrap;margin:7px 0 0;font-family:Poppins,sans-serif;font-size:12px;line-height:1.7}.ticket-response-form textarea{resize:vertical;box-sizing:border-box;color:#282828;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;min-height:120px;padding:12px;font-family:Poppins,sans-serif;font-size:12px}.ticket-response-form textarea:focus{border-color:#3730a3}.ticket-response-actions{justify-content:flex-end;margin-top:10px;display:flex}.ticket-response-actions button{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:7px;padding:9px 15px;font-family:Poppins,sans-serif;font-size:11px}.ticket-response-actions button:hover{opacity:.9}.ticket-response-actions button:disabled{opacity:.45;cursor:not-allowed}.ticket-manage-field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.ticket-manage-field:last-child{margin-bottom:0}.ticket-manage-field label{color:#777;font-family:Poppins,sans-serif;font-size:10px}.ticket-manage-field select{color:#282828;box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;width:100%;height:40px;padding:0 10px;font-family:Poppins,sans-serif;font-size:11px}.ticket-manage-field select:focus{border-color:#3730a3}.ticket-manage-field select:disabled{cursor:not-allowed;background:#f7f7f7}.ticket-assigned-display{box-sizing:border-box;color:#282828;border:1px solid #dedede;border-radius:7px;align-items:center;min-height:40px;padding:0 10px;font-family:Poppins,sans-serif;font-size:11px;display:flex}.ticket-timeline{flex-direction:column;gap:15px;display:flex}.ticket-timeline div{flex-direction:column;gap:4px;display:flex}.ticket-details-loading{text-align:center;color:#777;padding:60px 20px;font-family:Poppins,sans-serif;font-size:13px}@media (width<=900px){.ticket-details-grid{grid-template-columns:1fr}}@media (width<=600px){.ticket-details-header{flex-direction:column;gap:15px}.ticket-details-info-grid,.ticket-details-student{grid-template-columns:1fr}}.ticket-modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ticket-close-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 15px 45px #00000026}.ticket-close-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.ticket-close-modal-header h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:17px;font-weight:600}.ticket-close-modal-header p{color:#888;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:11px}.ticket-modal-close{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;line-height:1;display:flex}.ticket-modal-close:hover{background:#eee}.ticket-close-modal-body{padding:20px}.ticket-close-modal-body label{color:#555;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;display:block}.ticket-close-modal-body textarea{box-sizing:border-box;resize:vertical;color:#282828;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;min-height:140px;padding:12px;font-family:Poppins,sans-serif;font-size:12px}.ticket-close-modal-body textarea:focus{border-color:#3730a3}.ticket-close-modal-hint{color:#999;margin:8px 0 0;font-family:Poppins,sans-serif;font-size:10px}.ticket-close-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.ticket-modal-cancel,.ticket-modal-confirm{cursor:pointer;border-radius:7px;padding:9px 15px;font-family:Poppins,sans-serif;font-size:11px}.ticket-modal-cancel{color:#555;background:#fff;border:1px solid #dedede}.ticket-modal-cancel:hover{background:#f7f7f7}.ticket-modal-confirm{color:#fff;background:#3730a3;border:none}.ticket-modal-confirm:hover{opacity:.9}.ticket-modal-confirm:disabled,.ticket-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.deleted-ticket-page{width:100%}.deleted-ticket-header{margin-bottom:24px}.deleted-ticket-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:600}.deleted-ticket-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:13px}.deleted-ticket-error{color:#c62828;background:#fff5f5;border:1px solid #f0b7b7;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:13px}.deleted-ticket-toolbar{align-items:center;margin-bottom:15px;display:flex}.deleted-ticket-toolbar input{color:#282828;box-sizing:border-box;border:1px solid #dedede;border-radius:7px;outline:none;width:320px;height:40px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px}.deleted-ticket-toolbar input:focus{border-color:#3730a3}.deleted-ticket-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:10px;width:100%;overflow-x:auto}.deleted-ticket-table{border-collapse:collapse;width:100%;min-width:950px}.deleted-ticket-table th{text-align:left;color:#777;background:#fafafa;border-bottom:1px solid #eee;padding:13px 15px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500}.deleted-ticket-table td{color:#555;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:14px 15px;font-family:Poppins,sans-serif;font-size:11px}.deleted-ticket-table tbody tr:last-child td{border-bottom:none}.deleted-ticket-table tbody tr:hover{background:#fcfcfc}.deleted-ticket-table td strong{color:#282828;font-size:11px;font-weight:500}.deleted-ticket-student{flex-direction:column;gap:3px;display:flex}.deleted-ticket-student span{color:#999;font-size:9px}.deleted-ticket-subject{text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block;overflow:hidden}.deleted-ticket-status{border-radius:5px;padding:4px 8px;font-family:Poppins,sans-serif;font-size:9px;font-weight:500;display:inline-flex}.deleted-ticket-status-open{color:#a56a00;background:#fff7e8}.deleted-ticket-status-in_progress{color:#3730a3;background:#eef2ff}.deleted-ticket-status-closed{color:#2e7d32;background:#edf8ef}.deleted-ticket-actions{align-items:center;gap:7px;display:flex}.deleted-ticket-view,.deleted-ticket-restore{cursor:pointer;border-radius:6px;padding:7px 10px;font-family:Poppins,sans-serif;font-size:10px}.deleted-ticket-view{color:#555;background:#fff;border:1px solid #dedede}.deleted-ticket-view:hover{background:#f7f7f7}.deleted-ticket-restore{color:#fff;background:#3730a3;border:none}.deleted-ticket-restore:hover{opacity:.9}.deleted-ticket-restore:disabled{opacity:.5;cursor:not-allowed}.deleted-ticket-empty{text-align:center;color:#999!important;padding:45px 20px!important}.deleted-ticket-pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:15px;display:flex}.deleted-ticket-pagination button{color:#555;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;padding:7px 12px;font-family:Poppins,sans-serif;font-size:10px}.deleted-ticket-pagination button:hover:not(:disabled){background:#f7f7f7}.deleted-ticket-pagination button:disabled{opacity:.45;cursor:not-allowed}.deleted-ticket-pagination span{color:#777;font-family:Poppins,sans-serif;font-size:10px}.deleted-ticket-loading{text-align:center;color:#777;padding:60px 20px;font-family:Poppins,sans-serif;font-size:13px}@media (width<=700px){.deleted-ticket-toolbar input{width:100%}}.ticket-deleted-button{color:#555;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:7px;padding:9px 14px;font-family:Poppins,sans-serif;font-size:11px}.ticket-deleted-button:hover{background:#f7f7f7}.tickets-form-back{color:#3730a3;cursor:pointer;background:0 0;border:none;padding:0;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-list-page{width:100%}.staff-employee-list-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.staff-employee-list-header h2{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-employee-list-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-list-create{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:7px;height:38px;padding:0 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-list-summary{color:#666;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-list-table-wrapper{background:#fff;border:1px solid #ececec;border-radius:10px;width:100%;overflow-x:auto}.staff-employee-list-table{border-collapse:collapse;width:100%;min-width:950px}.staff-employee-list-table th{text-align:left;color:#555;background:#f8f8f8;border-bottom:1px solid #ececec;padding:13px 15px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.staff-employee-list-table td{color:#444;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 15px;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-list-table tbody tr:last-child td{border-bottom:none}.staff-employee-list-name{min-width:180px}.staff-employee-list-name strong{color:#282828;font-size:12px;font-weight:600;display:block}.staff-employee-list-name span{text-overflow:ellipsis;white-space:nowrap;color:#888;max-width:220px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.staff-employee-list-status{border-radius:20px;align-items:center;padding:4px 9px;font-size:10px;font-weight:500;display:inline-flex}.staff-employee-list-status.active{color:#15803d;background:#dcfce7}.staff-employee-list-status.inactive{color:#b91c1c;background:#fee2e2}.staff-employee-list-actions{align-items:center;gap:6px;display:flex}.staff-employee-list-view,.staff-employee-list-disable,.staff-employee-list-enable{cursor:pointer;border-radius:6px;height:30px;padding:0 10px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-list-view{color:#3730a3;background:#fff;border:1px solid #dedede}.staff-employee-list-view:hover{background:#f5f3ff}.staff-employee-list-disable{color:#b91c1c;background:#fff;border:1px solid #fecaca}.staff-employee-list-disable:hover{background:#fef2f2}.staff-employee-list-enable{color:#15803d;background:#fff;border:1px solid #bbf7d0}.staff-employee-list-enable:hover{background:#f0fdf4}.staff-employee-list-disable:disabled,.staff-employee-list-enable:disabled{opacity:.5;cursor:not-allowed}.staff-employee-list-state{text-align:center;color:#777;padding:50px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-employee-list-error{color:#b91c1c}.staff-employee-list-retry{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:6px;height:34px;margin:-30px auto 0;padding:0 14px;font-family:Poppins,sans-serif;font-size:11px;display:block}.staff-employee-list-empty{text-align:center;background:#fff;border:1px solid #ececec;border-radius:10px;padding:60px 20px}.staff-employee-list-empty h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.staff-employee-list-empty p{color:#888;margin:6px 0 18px;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-list-filters{align-items:center;gap:10px;margin-bottom:12px;display:flex}.staff-employee-list-search{flex:1}.staff-employee-list-search input,.staff-employee-list-filters select{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;height:38px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-list-search input{width:100%;padding:0 12px}.staff-employee-list-filters select{cursor:pointer;min-width:145px;padding:0 10px}.staff-employee-list-search input:focus,.staff-employee-list-filters select:focus{border-color:#3730a3}.staff-employee-list-pagination{justify-content:center;align-items:center;gap:15px;margin-top:18px;display:flex}.staff-employee-list-pagination button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:34px;padding:0 13px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-list-pagination button:disabled{opacity:.45;cursor:not-allowed}.staff-employee-list-pagination span{color:#555;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-details-page{width:100%}.staff-employee-details-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.staff-employee-details-header h2{color:#282828;margin:8px 0 0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-employee-details-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-details-back{color:#555;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:30px;padding:0 10px;font-family:Poppins,sans-serif;font-size:10px}.staff-employee-details-back:hover{background:#f8f8f8}.staff-employee-details-header-actions{align-items:center;gap:8px;display:flex}.staff-employee-details-edit,.staff-employee-details-disable,.staff-employee-details-enable{cursor:pointer;border-radius:7px;height:36px;padding:0 13px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-details-edit{color:#3730a3;background:#fff;border:1px solid #dedede}.staff-employee-details-edit:hover{background:#f5f3ff}.staff-employee-details-disable{color:#b91c1c;background:#fff;border:1px solid #fecaca}.staff-employee-details-disable:hover{background:#fef2f2}.staff-employee-details-enable{color:#15803d;background:#fff;border:1px solid #bbf7d0}.staff-employee-details-enable:hover{background:#f0fdf4}.staff-employee-details-disable:disabled,.staff-employee-details-enable:disabled{opacity:.5;cursor:not-allowed}.staff-employee-details-card{box-sizing:border-box;background:#fff;border:1px solid #ececec;border-radius:10px;width:100%;margin-bottom:16px;padding:20px}.staff-employee-details-profile{align-items:center;gap:13px;display:flex}.staff-employee-details-avatar{color:#3730a3;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;display:flex}.staff-employee-details-profile h3{color:#282828;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:600}.staff-employee-details-profile p{color:#777;margin:4px 0 0;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-details-status{border-radius:20px;margin-left:auto;padding:5px 10px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500}.staff-employee-details-status.active{color:#15803d;background:#dcfce7}.staff-employee-details-status.inactive{color:#b91c1c;background:#fee2e2}.staff-employee-details-section{box-sizing:border-box;background:#fff;border:1px solid #ececec;border-radius:10px;width:100%;margin-bottom:16px;padding:20px}.staff-employee-details-section h3{color:#282828;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.staff-employee-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px;display:grid}.staff-employee-details-field{min-width:0}.staff-employee-details-field span{color:#888;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:10px;display:block}.staff-employee-details-field strong{text-overflow:ellipsis;white-space:nowrap;color:#282828;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;display:block;overflow:hidden}.staff-employee-details-permissions{flex-wrap:wrap;gap:8px;display:flex}.staff-employee-details-permission{color:#3730a3;background:#f5f3ff;border-radius:6px;align-items:center;padding:6px 10px;font-family:Poppins,sans-serif;font-size:10px;display:inline-flex}.staff-employee-details-no-permissions{color:#888;margin:0;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-details-state{text-align:center;color:#777;padding:60px 20px;font-family:Poppins,sans-serif;font-size:13px}.staff-employee-details-error{color:#b91c1c}@media (width<=700px){.staff-employee-details-header{flex-direction:column}.staff-employee-details-header-actions{width:100%}.staff-employee-details-edit,.staff-employee-details-disable,.staff-employee-details-enable{flex:1}.staff-employee-details-grid{grid-template-columns:1fr}}.staff-employee-form-page{width:100%}.staff-employee-form-header{margin-bottom:20px}.staff-employee-form-back{color:#555;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:6px;height:30px;padding:0 10px;font-family:Poppins,sans-serif;font-size:10px}.staff-employee-form-back:hover{background:#f8f8f8}.staff-employee-form-header h2{color:#282828;margin:8px 0 0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.staff-employee-form-header p{color:#777;margin:5px 0 0;font-family:Poppins,sans-serif;font-size:12px}.staff-employee-form-error,.staff-employee-form-success{border-radius:7px;margin-bottom:15px;padding:11px 13px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.staff-employee-form-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.staff-employee-form{width:100%}.staff-employee-form-section{background:#fff;border:1px solid #ececec;border-radius:10px;margin-bottom:16px;padding:20px}.staff-employee-form-section h3{color:#282828;margin:0 0 16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.staff-employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.staff-employee-form-field{min-width:0}.staff-employee-form-field-full{grid-column:1/-1}.staff-employee-form-field label{color:#555;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:10px;display:block}.staff-employee-form-field label span{color:#b91c1c}.staff-employee-form-field input{box-sizing:border-box;color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;width:100%;height:38px;padding:0 11px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-form-field input:focus{border-color:#3730a3}.staff-employee-form-help{color:#888;margin:-8px 0 14px;font-family:Poppins,sans-serif;font-size:10px}.staff-employee-form-permission-input{gap:8px;display:flex}.staff-employee-form-permission-input input{box-sizing:border-box;border:1px solid #dedede;border-radius:7px;outline:none;flex:1;height:38px;padding:0 11px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-form-permission-input input:focus{border-color:#3730a3}.staff-employee-form-permission-input button{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:7px;height:38px;padding:0 15px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-form-permissions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.staff-employee-form-permission{color:#3730a3;background:#f5f3ff;border-radius:6px;align-items:center;gap:7px;padding:6px 8px 6px 10px;font-family:Poppins,sans-serif;font-size:10px;display:flex}.staff-employee-form-permission button{color:#3730a3;cursor:pointer;background:0 0;border:none;border-radius:50%;width:17px;height:17px;padding:0;font-size:14px;line-height:17px}.staff-employee-form-actions{justify-content:flex-end;gap:8px;display:flex}.staff-employee-form-cancel,.staff-employee-form-submit{cursor:pointer;border-radius:7px;height:38px;padding:0 15px;font-family:Poppins,sans-serif;font-size:11px}.staff-employee-form-cancel{color:#555;background:#fff;border:1px solid #dedede}.staff-employee-form-submit{color:#fff;background:#3730a3;border:none}.staff-employee-form-submit:disabled{opacity:.5;cursor:not-allowed}.staff-employee-form-state{text-align:center;color:#777;padding:60px 20px;font-family:Poppins,sans-serif;font-size:13px}@media (width<=700px){.staff-employee-form-grid{grid-template-columns:1fr}.staff-employee-form-field-full{grid-column:auto}.staff-employee-form-actions{justify-content:stretch}.staff-employee-form-cancel,.staff-employee-form-submit{flex:1}}.notification-list-page{width:100%;font-family:Poppins,sans-serif}.notification-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.notification-list-header h1{color:#282828;margin:0;font-size:24px;font-weight:600}.notification-list-header p{color:#777;margin:6px 0 0;font-size:13px}.notification-create-btn{color:#fff;cursor:pointer;background:#3730a3;border:none;border-radius:8px;outline:none;padding:10px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.notification-create-btn:hover{background:#2f2a8c}.notification-list-filters{align-items:center;gap:12px;margin-bottom:16px;display:flex}.notification-list-filters input,.notification-list-filters select{color:#282828;background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;height:40px;font-family:Poppins,sans-serif;font-size:13px}.notification-list-filters input{width:320px;padding:0 14px}.notification-list-filters select{cursor:pointer;min-width:140px;padding:0 12px}.notification-list-filters input:focus,.notification-list-filters select:focus{border-color:#3730a3}.notification-list-summary{align-items:center;margin-bottom:12px;display:flex}.notification-list-summary span{color:#777;font-size:12px}.notification-table-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;overflow-x:auto}.notification-table{border-collapse:collapse;width:100%;min-width:900px}.notification-table thead{background:#f8f8f8}.notification-table th{text-align:left;color:#555;white-space:nowrap;border-bottom:1px solid #e5e5e5;padding:13px 16px;font-size:12px;font-weight:600}.notification-table td{color:#444;vertical-align:middle;border-bottom:1px solid #eee;padding:14px 16px;font-size:12px}.notification-table tbody tr:last-child td{border-bottom:none}.notification-table tbody tr:hover{background:#fafafa}.notification-title-cell{flex-direction:column;gap:3px;max-width:280px;display:flex}.notification-title-cell strong{color:#282828;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.notification-title-cell span{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.notification-type{text-transform:capitalize;border-radius:20px;align-items:center;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.notification-type-global{color:#3730a3;background:#eef2ff}.notification-type-form{color:#047857;background:#ecfdf5}.notification-priority{text-transform:capitalize;border-radius:20px;align-items:center;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.notification-priority-low{color:#666;background:#f5f5f5}.notification-priority-normal{color:#3730a3;background:#eef2ff}.notification-priority-high{color:#c2410c;background:#fff7ed}.notification-priority-urgent{color:#dc2626;background:#fef2f2}.notification-status{border-radius:20px;align-items:center;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.notification-status-active{color:#16803a;background:#ecfdf3}.notification-status-inactive{color:#6b7280;background:#f3f4f6}.notification-actions{align-items:center;gap:6px;display:flex}.notification-actions button{color:#3730a3;cursor:pointer;background:0 0;border:none;border-radius:6px;outline:none;padding:5px 7px;font-family:Poppins,sans-serif;font-size:11px}.notification-actions button:hover{background:#eef2ff}.notification-actions .notification-delete-action{color:#dc2626}.notification-actions .notification-delete-action:hover{background:#fef2f2}.notification-loading,.notification-empty{height:160px;text-align:center!important;vertical-align:middle!important;color:#888!important;font-size:12px!important}.notification-pagination{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.notification-pagination span{color:#666;font-size:12px}.notification-pagination button{color:#444;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:7px;min-width:80px;height:34px;padding:0 12px;font-family:Poppins,sans-serif;font-size:11px}.notification-pagination button:hover:not(:disabled){color:#3730a3;border-color:#3730a3}.notification-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.notification-list-page{padding:16px}.notification-list-header{flex-direction:column;align-items:flex-start}.notification-create-btn{width:100%}.notification-list-filters{flex-direction:column;align-items:stretch}.notification-list-filters input,.notification-list-filters select{width:100%}.notification-pagination{justify-content:center}}.notification-actions .notification-restore-action{color:#16803a}.notification-actions .notification-restore-action:hover{background:#ecfdf3}.notification-form-page{width:100%;padding:24px;font-family:Poppins,sans-serif}.notification-form-header{margin-bottom:24px}.notification-form-header h1{color:#282828;margin:0;font-size:24px;font-weight:600}.notification-form-header p{color:#777;margin:6px 0 0;font-size:13px}.notification-form{width:100%;max-width:1000px}.notification-form-section{background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:20px;padding:20px}.notification-form-section h2{color:#282828;margin:0 0 18px;font-size:15px;font-weight:600}.notification-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.notification-form-field{flex-direction:column;gap:7px;display:flex}.notification-form-field label{color:#444;font-size:12px;font-weight:500}.notification-form-field input,.notification-form-field select,.notification-form-field textarea{color:#282828;box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;font-family:Poppins,sans-serif;font-size:13px;transition:border-color .2s}.notification-form-field input,.notification-form-field select{height:42px;padding:0 12px}.notification-form-field textarea{resize:vertical;min-height:140px;padding:12px;line-height:1.6}.notification-form-field input::placeholder,.notification-form-field textarea::placeholder{color:#aaa}.notification-form-field input:focus,.notification-form-field select:focus,.notification-form-field textarea:focus{border-color:#3730a3}.notification-form-section>.notification-form-field{margin-top:18px}.notification-active-toggle{cursor:pointer;color:#444;align-items:center;gap:9px;font-size:13px;display:inline-flex}.notification-active-toggle input{accent-color:#3730a3;cursor:pointer;width:16px;height:16px;margin:0}.notification-form-loading{color:#888;justify-content:center;align-items:center;min-height:300px;font-size:13px;display:flex}.notification-form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.notification-form-actions button{cursor:pointer;border-radius:8px;min-width:110px;height:40px;padding:0 16px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.notification-cancel-btn{color:#555;background:#fff;border:1px solid #dedede}.notification-cancel-btn:hover:not(:disabled){background:#f8f8f8;border-color:#bbb}.notification-submit-btn{color:#fff;background:#3730a3;border:1px solid #3730a3}.notification-submit-btn:hover:not(:disabled){background:#2f2a8c;border-color:#2f2a8c}.notification-form-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){.notification-form-page{padding:16px}.notification-form-grid{grid-template-columns:1fr}.notification-form-section{padding:16px}.notification-form-actions{flex-direction:column-reverse;align-items:stretch}.notification-form-actions button{width:100%}}.staff-admin-list-page{color:#282828;width:100%;min-width:0;font-family:Poppins,sans-serif}.staff-admin-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.staff-admin-list-header h2{margin:0 0 6px;font-size:24px;font-weight:600}.staff-admin-list-header p{color:#777;margin:0;font-size:13px}.staff-admin-list-create{color:#fff;cursor:pointer;background:#213663;border:none;border-radius:8px;flex-shrink:0;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s}.staff-admin-list-create:hover{background:#18294c}.staff-admin-list-filters{align-items:center;gap:14px;margin-bottom:18px;display:flex}.staff-admin-list-search{flex:1;min-width:0}.staff-admin-list-search input,.staff-admin-list-filters select{color:#282828;box-sizing:border-box;background:#fff;border:1px solid #dedede;border-radius:8px;outline:none;width:100%;height:43px;padding:0 13px;font-family:inherit;font-size:12px}.staff-admin-list-filters select{cursor:pointer;width:170px}.staff-admin-list-search input:focus,.staff-admin-list-filters select:focus{border-color:#213663}.staff-admin-list-summary{color:#777;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px;display:flex}.staff-admin-list-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:10px;width:100%;overflow-x:auto}.staff-admin-list-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.staff-admin-list-table th{color:#777;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:15px 16px;font-size:11px;font-weight:500}.staff-admin-list-table td{border-bottom:1px solid #eee;padding:15px 16px;font-size:12px}.staff-admin-list-table tbody tr:last-child td{border-bottom:none}.staff-admin-list-table tbody tr:hover{background:#fcfcfc}.staff-admin-list-name{flex-direction:column;gap:5px;min-width:180px;display:flex}.staff-admin-list-name strong{color:#282828;font-size:12px;font-weight:600}.staff-admin-list-name>span{color:#888;font-size:11px}.staff-admin-list-you{color:#3730a3;background:#eef2ff;border-radius:4px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.staff-admin-list-status{border-radius:20px;align-items:center;padding:5px 9px;font-size:11px;font-weight:500;display:inline-flex}.staff-admin-list-status.active{color:#16834a;background:#e8f7ee}.staff-admin-list-status.inactive{color:#777;background:#f2f2f2}.staff-admin-list-actions{align-items:center;gap:7px;display:flex}.staff-admin-list-actions button{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:background .2s,border-color .2s}.staff-admin-list-view{color:#213663;background:#f2f5fb;border-color:#dce3f0!important}.staff-admin-list-view:hover{background:#e7edf8}.staff-admin-list-edit{color:#213663;background:#fff;border-color:#dce3f0!important}.staff-admin-list-edit:hover{background:#f2f5fb}.staff-admin-list-disable{color:#a65d00;background:#fff4e5}.staff-admin-list-disable:hover{background:#ffebd0}.staff-admin-list-enable{color:#16834a;background:#e8f7ee}.staff-admin-list-enable:hover{background:#d8f0e2}.staff-admin-list-delete{color:#c62828;background:#fff0f0}.staff-admin-list-delete:hover{background:#ffe2e2}.staff-admin-list-actions button:disabled{opacity:.45;cursor:not-allowed}.staff-admin-list-state,.staff-admin-list-empty{text-align:center;color:#777;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:45px 20px;font-size:13px}.staff-admin-list-empty h3{color:#282828;margin:0 0 8px;font-size:15px;font-weight:600}.staff-admin-list-empty p{margin:0;font-size:12px}.staff-admin-list-error{color:#b42318;background:#fff4f4;border:1px solid #f2caca;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:12px;display:flex}.staff-admin-list-error button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:20px}.staff-admin-list-retry{cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:7px;margin-top:12px;padding:9px 14px;font-family:inherit}.staff-admin-list-pagination{justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.staff-admin-list-pagination span{color:#777;font-size:12px}.staff-admin-list-pagination button{color:#282828;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:7px;padding:9px 14px;font-family:inherit;font-size:12px}.staff-admin-list-pagination button:hover:not(:disabled){color:#213663;border-color:#213663}.staff-admin-list-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.staff-admin-list-header{flex-direction:column;align-items:flex-start}.staff-admin-list-create{width:100%}.staff-admin-list-filters{flex-direction:column;align-items:stretch}.staff-admin-list-filters select{width:100%}.staff-admin-list-header h2{font-size:21px}.staff-admin-list-table th,.staff-admin-list-table td{padding:12px}}.staff-admin-details-page{color:#282828;width:100%;padding:24px;font-family:Poppins,sans-serif}.staff-admin-details-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.staff-admin-details-header h2{margin:14px 0 6px;font-size:24px;font-weight:600}.staff-admin-details-header p{color:#777;margin:0;font-size:13px}.staff-admin-details-back{color:#555;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.staff-admin-details-back:hover{color:#1a9134}.staff-admin-details-primary{color:#fff;cursor:pointer;background:#1a9134;border:none;border-radius:8px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s}.staff-admin-details-primary:hover{background:#14772a}.staff-admin-details-profile{background:#fff;border:1px solid #e8e8e8;border-radius:12px;align-items:center;gap:18px;margin-bottom:22px;padding:24px;display:flex}.staff-admin-details-avatar{color:#1a9134;background:#e9f7ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:23px;font-weight:600;display:flex}.staff-admin-details-identity h3{margin:0 0 5px;font-size:19px;font-weight:600}.staff-admin-details-identity>p{color:#777;overflow-wrap:anywhere;margin:0 0 12px;font-size:13px}.staff-admin-details-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-admin-details-role,.staff-admin-details-status{border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.staff-admin-details-role{color:#3730a3;background:#eef2ff}.staff-admin-details-status.active{color:#18783a;background:#e8f7ed}.staff-admin-details-status.inactive{color:#c62828;background:#fff0f0}.staff-admin-details-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.staff-admin-details-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:22px;overflow:hidden}.staff-admin-details-card-header{border-bottom:1px solid #ededed;padding:20px 22px}.staff-admin-details-card-header h3{margin:0 0 5px;font-size:15px;font-weight:600}.staff-admin-details-card-header p{color:#888;margin:0;font-size:12px}.staff-admin-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.staff-admin-details-field{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:8px;min-width:0;padding:20px 22px;display:flex}.staff-admin-details-field:nth-last-child(-n+2){border-bottom:none}.staff-admin-details-field>span{color:#888;font-size:12px}.staff-admin-details-field>strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.staff-admin-details-field .staff-admin-details-id{font-family:monospace;font-size:12px}.staff-admin-details-state,.staff-admin-details-error{border-radius:8px;padding:18px;font-size:13px}.staff-admin-details-state{color:#777;text-align:center}.staff-admin-details-error{color:#b42318;background:#fff2f2;border:1px solid #f3caca;margin:18px 0}@media (width<=768px){.staff-admin-details-page{padding:16px}.staff-admin-details-header{flex-direction:column;align-items:flex-start}.staff-admin-details-header h2{font-size:21px}.staff-admin-details-profile{align-items:flex-start;padding:18px}.staff-admin-details-avatar{width:56px;height:56px;font-size:19px}.staff-admin-details-identity h3{font-size:16px}.staff-admin-details-grid{grid-template-columns:1fr}.staff-admin-details-field,.staff-admin-details-field:nth-last-child(-n+2){border-bottom:1px solid #f0f0f0;padding:16px 18px}.staff-admin-details-field:last-child{border-bottom:none}.staff-admin-details-card-header{padding:18px}}.staff-add-admin-page{color:#282828;width:100%;padding:24px;font-family:Poppins,sans-serif}.staff-add-admin-header{margin-bottom:24px}.staff-add-admin-back{color:#555;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.staff-add-admin-back:hover{color:#1a9134}.staff-add-admin-header h2{margin:14px 0 6px;font-size:24px;font-weight:600}.staff-add-admin-header p{color:#777;margin:0;font-size:13px}.staff-add-admin-form{max-width:900px}.staff-add-admin-section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:22px;overflow:hidden}.staff-add-admin-section-header{border-bottom:1px solid #ededed;padding:20px 22px}.staff-add-admin-section-header h3{margin:0 0 5px;font-size:15px;font-weight:600}.staff-add-admin-section-header p{color:#888;margin:0;font-size:12px}.staff-add-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px;display:grid}.staff-add-admin-field{flex-direction:column;gap:8px;min-width:0;display:flex}.staff-add-admin-field label{color:#353535;font-size:12px;font-weight:500}.staff-add-admin-field label span{color:#d93025}.staff-add-admin-field input{color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;width:100%;min-width:0;height:44px;padding:0 13px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.staff-add-admin-field input::placeholder{color:#aaa}.staff-add-admin-field input:focus{border-color:#1a9134;box-shadow:0 0 0 3px #1a91341a}.staff-add-admin-field small{color:#888;font-size:11px;line-height:1.5}.staff-add-admin-password{align-items:center;display:flex;position:relative}.staff-add-admin-password input{padding-right:60px}.staff-add-admin-password button{color:#1a9134;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:11px;font-weight:500;position:absolute;right:12px}.staff-add-admin-error{color:#b42318;background:#fff2f2;border:1px solid #f3caca;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.staff-add-admin-error button{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:18px}.staff-add-admin-footer{justify-content:flex-end;gap:12px;padding:4px 0 24px;display:flex}.staff-add-admin-cancel,.staff-add-admin-submit{cursor:pointer;border-radius:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:500;transition:background .2s,border-color .2s}.staff-add-admin-cancel{color:#444;background:#fff;border:1px solid #dedede}.staff-add-admin-cancel:hover{background:#f7f7f7}.staff-add-admin-submit{color:#fff;background:#1a9134;border:1px solid #1a9134}.staff-add-admin-submit:hover:not(:disabled){background:#14772a;border-color:#14772a}.staff-add-admin-submit:disabled,.staff-add-admin-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.staff-add-admin-page{padding:16px}.staff-add-admin-header h2{font-size:21px}.staff-add-admin-fields{grid-template-columns:1fr;gap:18px;padding:18px}.staff-add-admin-section-header{padding:18px}.staff-add-admin-footer{flex-direction:column-reverse}.staff-add-admin-cancel,.staff-add-admin-submit{width:100%}}.staff-edit-admin-page{color:#282828;width:100%;padding:24px;font-family:Poppins,sans-serif}.staff-edit-admin-header{margin-bottom:24px}.staff-edit-admin-back{color:#555;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.staff-edit-admin-back:hover{color:#1a9134}.staff-edit-admin-header h2{margin:14px 0 6px;font-size:24px;font-weight:600}.staff-edit-admin-header p{color:#777;margin:0;font-size:13px}.staff-edit-admin-form{max-width:900px}.staff-edit-admin-section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:22px;overflow:hidden}.staff-edit-admin-section-header{border-bottom:1px solid #ededed;padding:20px 22px}.staff-edit-admin-section-header h3{margin:0 0 5px;font-size:15px;font-weight:600}.staff-edit-admin-section-header p{color:#888;margin:0;font-size:12px;line-height:1.6}.staff-edit-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px;display:grid}.staff-edit-admin-field{flex-direction:column;gap:8px;min-width:0;display:flex}.staff-edit-admin-field label{color:#353535;font-size:12px;font-weight:500}.staff-edit-admin-field label span{color:#d93025}.staff-edit-admin-field input{color:#282828;background:#fff;border:1px solid #dedede;border-radius:7px;outline:none;width:100%;min-width:0;height:44px;padding:0 13px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.staff-edit-admin-field input::placeholder{color:#aaa}.staff-edit-admin-field input:focus{border-color:#1a9134;box-shadow:0 0 0 3px #1a91341a}.staff-edit-admin-field small{color:#888;font-size:11px;line-height:1.5}.staff-edit-admin-password{align-items:center;display:flex;position:relative}.staff-edit-admin-password input{padding-right:60px}.staff-edit-admin-password button{color:#1a9134;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:11px;font-weight:500;position:absolute;right:12px}.staff-edit-admin-error{color:#b42318;background:#fff2f2;border:1px solid #f3caca;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.staff-edit-admin-error button{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:18px}.staff-edit-admin-footer{justify-content:flex-end;gap:12px;padding:4px 0 24px;display:flex}.staff-edit-admin-cancel,.staff-edit-admin-submit{cursor:pointer;border-radius:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:500;transition:background .2s}.staff-edit-admin-cancel{color:#444;background:#fff;border:1px solid #dedede}.staff-edit-admin-cancel:hover{background:#f7f7f7}.staff-edit-admin-submit{color:#fff;background:#1a9134;border:1px solid #1a9134}.staff-edit-admin-submit:hover:not(:disabled){background:#14772a;border-color:#14772a}.staff-edit-admin-cancel:disabled,.staff-edit-admin-submit:disabled{opacity:.6;cursor:not-allowed}.staff-edit-admin-state{color:#777;text-align:center;padding:24px;font-size:13px}@media (width<=768px){.staff-edit-admin-page{padding:16px}.staff-edit-admin-header h2{font-size:21px}.staff-edit-admin-fields{grid-template-columns:1fr;gap:18px;padding:18px}.staff-edit-admin-section-header{padding:18px}.staff-edit-admin-footer{flex-direction:column-reverse}.staff-edit-admin-cancel,.staff-edit-admin-submit{width:100%}}.staff-edit-admin-field input:read-only{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6;border-color:#d1d5db}