.change-password-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.change-password-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;padding:2rem;width:90%}.change-password-header{margin-bottom:1.5rem;text-align:center}.change-password-header h2{color:#893c3b;font-size:1.5rem;margin-bottom:.5rem}.change-password-header p{color:#666;font-size:.9rem}.change-password-modal .form-group{margin-bottom:1.25rem}.change-password-modal label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.change-password-modal input[type=password]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.change-password-modal input[type=password]:focus{border-color:#893c3b;outline:none}.password-hint{color:#666;display:block;font-size:.8rem;font-style:italic;margin-top:.25rem}.change-password-modal .error-message{background-color:#fee;border-left:4px solid #c33;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.change-password-modal .submit-button{background-color:#893c3b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.875rem;transition:background-color .3s;width:100%}.change-password-modal .submit-button:hover:not(:disabled){background-color:#6d2f2e}.change-password-modal .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.login-container{align-items:center;background:linear-gradient(135deg,#fef5e7,#fdebd0 25%,#fce4c4 50%,#f9dbb5 75%,#f5d5a8);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-form{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #cba7631a;border-radius:24px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;max-width:440px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.login-form.shake-form{animation:shakeForm .5s ease-in-out}@keyframes shakeForm{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}.logo{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem;text-align:center}.login-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(137,60,59,.2));height:100px;margin-bottom:.5rem;object-fit:contain;width:100px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#893c3b,#c97d60);-webkit-background-clip:text;background-clip:text;color:#893c3b;font-size:1.85rem;font-weight:700;letter-spacing:-.5px;margin:0}.logo p{color:#cba763;font-size:1rem;font-weight:600;letter-spacing:2px;margin:0;opacity:.9;text-transform:uppercase}.form-group label{color:#4a5568;margin-bottom:.625rem}.form-group input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:hover{background:#fff;border-color:#cbd5e0}.form-group input:focus{background:#fff;border-color:#893c3b;box-shadow:0 0 0 4px #893c3b1a;outline:none;transform:translateY(-1px)}.password-group{position:relative}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem}.toggle-password{align-items:center;background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;justify-content:center;margin:0;padding:.5rem 1rem;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s ease;width:auto}.toggle-password:hover{background:#893c3b0d;color:#893c3b}.toggle-password:active{transform:translateY(-50%) scale(.95)}.toggle-password svg{height:20px;width:20px}button[type=submit]{background:linear-gradient(135deg,#893c3b,#c97d60);border:none;border-radius:12px;box-shadow:0 4px 16px #893c3b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;overflow:hidden;padding:1rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button[type=submit]:hover{box-shadow:0 6px 24px #893c3b66;transform:translateY(-2px)}button[type=submit]:hover:before{left:100%}button[type=submit]:active{box-shadow:0 2px 8px #893c3b4d;transform:translateY(0)}button[type=submit]:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-message{animation:errorSlideIn .4s ease-out,errorPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:12px;box-shadow:0 4px 12px #dc262633;color:#991b1b;font-size:.95rem;font-weight:600;margin-bottom:1.5rem;padding:1rem 1.25rem;text-align:center}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes errorPulse{0%,to{box-shadow:0 4px 12px #dc262633}50%{box-shadow:0 4px 16px #dc262659}}@media (max-width:480px){.login-form{border-radius:20px;margin:1rem;padding:2rem 1.5rem}.logo h1{font-size:1.5rem}.logo p{font-size:.9rem}.login-logo{height:80px;width:80px}}.tutor-navbar{align-items:center;background-color:#893c3b;background-color:var(--primary-maroon);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow);color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:1rem 2rem;padding:var(--navbar-padding)}.navbar-tabs button{transition:border-color .2s ease,background .2s ease;transition:border-color var(--transition-fast),background var(--transition-fast)}.hamburger-menu:focus,.navbar-tabs button:focus{outline:2px solid #ffffff80;outline-offset:2px}.mobile-drawer-nav button:focus{background-color:#f5f5f5;background-color:var(--dropdown-hover);outline:2px solid #893c3b;outline:2px solid var(--primary-maroon);outline-offset:-2px}.mobile-logout-btn:focus{outline:2px solid #f4d03f;outline:2px solid var(--accent-gold);outline-offset:2px}@media (max-width:767px){.tutor-navbar{padding:.75rem 1rem;position:relative}.navbar-brand{flex:1 1}.navbar-logo{height:35px}.navbar-title{font-size:1rem}.navbar-tabs,.navbar-user{display:none}}@media (max-width:480px){.tutor-navbar{padding:.5rem .75rem}.navbar-logo{height:30px}.navbar-title{font-size:.875rem}.mobile-drawer{max-width:100vw;width:100%}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffe6;color:var(--text-light);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:40px}.notification-bell-button:hover{background:#ffffff26;background:var(--hover-overlay);color:#fff;color:var(--white)}.notification-bell-button:active{transform:scale(.95)}.notification-bell-button:focus{outline:2px solid #ffffff80;outline-offset:2px}.bell-icon{align-items:center;display:flex;justify-content:center}.bell-icon svg{display:block}.notification-bell-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 4px #dc26264d;color:#fff;font-size:10px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notification-bell-dropdown{animation:slideDown .25s cubic-bezier(.4,0,.2,1);animation:slideDown var(--dropdown-slide);background:#fff;background:var(--dropdown-bg);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:500px;position:absolute;right:0;top:calc(100% + .5rem);width:360px;z-index:1000}.notification-bell-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-bell-header h3{color:#893c3b;color:var(--primary-maroon);font-size:16px;font-weight:600;margin:0}.unread-count-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:4px 10px;text-align:center}.notification-bell-list{flex:1 1;max-height:380px;overflow-y:auto}.notification-bell-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-maroon);height:28px;width:28px}.notification-bell-loading span{color:#6b7280;font-size:13px}.notification-bell-empty{color:#9ca3af;padding:40px 20px;text-align:center}.empty-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px;opacity:.5}.empty-icon svg{display:block}.notification-bell-empty p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.notification-bell-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 1.25rem;transition:background-color .2s ease;transition:background-color var(--transition-fast)}.notification-bell-item:hover{background-color:#f9fafb}.notification-bell-item:last-child{border-bottom:none}.notification-bell-item.unread{background-color:#fffbf0;border-left:3px solid #f4d03f;border-left:3px solid var(--accent-gold)}.notification-bell-item:focus{background-color:#f9fafb;outline:2px solid #893c3b;outline:2px solid var(--primary-maroon);outline-offset:-2px}.notification-bell-icon{align-items:center;background-color:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-bell-icon svg{display:block}.notification-bell-content{flex:1 1;min-width:0}.notification-bell-title{color:#1f2937;font-size:13px;font-weight:600;white-space:nowrap}.notification-bell-message,.notification-bell-title{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.notification-bell-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4}.notification-bell-time{color:#9ca3af;font-size:11px}.unread-dot{color:#893c3b;color:var(--primary-maroon);flex-shrink:0;font-size:12px;margin-top:2px}.notification-bell-footer{background-color:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:12px 1.25rem;text-align:center}.view-all-link{color:#893c3b;color:var(--primary-maroon);display:inline-block;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.view-all-link:hover{color:#6b2e2d;text-decoration:underline}.view-all-link:focus{outline:2px solid #893c3b;outline:2px solid var(--primary-maroon);outline-offset:2px}.notification-bell-list::-webkit-scrollbar{width:6px}.notification-bell-list::-webkit-scrollbar-track{background:#f3f4f6}.notification-bell-list::-webkit-scrollbar-thumb{background:#f4d03f;background:var(--accent-gold);border-radius:3px}.notification-bell-list::-webkit-scrollbar-thumb:hover{background:#b8965a}@media (max-width:768px){.notification-bell-dropdown{max-height:450px;width:320px}.notification-bell-list{max-height:330px}}@media (max-width:480px){.notification-bell-dropdown{left:10px;max-height:calc(100vh - 80px);position:fixed;right:10px;top:60px;width:auto}.notification-bell-list{max-height:calc(100vh - 180px)}}.user-menu{display:inline-block;position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--user-name-size);font-weight:500;font-weight:var(--user-name-weight);gap:.5rem;padding:.5rem .75rem;transition:background .2s ease;transition:background var(--transition-fast)}.user-menu-trigger:hover{background:#ffffff26;background:var(--hover-overlay)}.user-menu-trigger:focus{outline:2px solid #ffffff80;outline-offset:2px}.user-avatar{align-items:center;display:flex;justify-content:center;line-height:1}.user-avatar svg{display:block}.user-name{color:#ffffffe6;color:var(--text-light);white-space:nowrap}.dropdown-arrow{align-items:center;color:#ffffffb3;color:var(--text-muted);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--dropdown-slide)}.dropdown-arrow svg{display:block}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{animation:slideDown .25s cubic-bezier(.4,0,.2,1);animation:slideDown var(--dropdown-slide);background:#fff;background:var(--dropdown-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.user-menu-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem}.user-info{gap:.25rem}.user-info-name{color:#333;color:var(--dropdown-text);font-size:.95rem;font-size:var(--dropdown-item-size);font-weight:600}.user-info-role{color:#6c757d;font-size:.8rem;text-transform:capitalize}.user-menu-items{padding:.5rem 0;padding:var(--dropdown-padding)}.user-menu-item{align-items:center;background:#0000;border:none;color:#333;color:var(--dropdown-text);cursor:pointer;display:flex;font-size:.95rem;font-size:var(--dropdown-item-size);gap:.75rem;padding:.75rem 1.25rem;padding:var(--dropdown-item-padding);text-align:left;transition:background .2s ease;transition:background var(--transition-fast);width:100%}.user-menu-item:focus,.user-menu-item:hover{background:#f5f5f5;background:var(--dropdown-hover)}.user-menu-item:focus{outline:2px solid #893c3b;outline:2px solid var(--primary-maroon);outline-offset:-2px}.menu-item-icon{align-items:center;display:flex;justify-content:center;line-height:1;width:1.2rem}.menu-item-icon svg{display:block}.menu-item-label{flex:1 1;font-weight:400;font-weight:var(--dropdown-item-weight)}.menu-divider{background:#e9ecef;height:1px;margin:.5rem 0}@media (max-width:768px){.user-name{display:none}.user-menu-trigger{padding:.5rem}.user-menu-dropdown{min-width:200px}.user-menu-header{padding:.75rem 1rem}.user-menu-item{font-size:.9rem;padding:.65rem 1rem}}@media (max-width:480px){.user-menu-dropdown{min-width:180px;right:-.5rem}}.tutor-tutees{margin:0 auto;max-width:1600px;padding:2rem;width:100%}.tutees-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.tutees-header h2{color:#893c3b;font-size:1.75rem;font-weight:500;margin:0;padding-bottom:.5rem;position:relative}.tutees-header h2:after{background:linear-gradient(90deg,#893c3b,#cba763);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.header-stats{align-items:center;display:flex;gap:.75rem}.tutees-count{background:linear-gradient(135deg,#893c3b,#cba763)}.subjects-count,.tutees-count{border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;margin:0;padding:.5rem 1rem}.subjects-count{background:linear-gradient(135deg,#839c3b,#5b7c99)}.tutees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(420px,1fr));width:100%}.tutee-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.5rem;transition:all .3s ease}.tutee-card:hover{border-color:#893c3b;box-shadow:0 8px 20px #893c3b26;transform:translateY(-4px)}.tutee-card:focus{outline:2px solid #893c3b;outline-offset:2px}.tutee-card-header{align-items:center;display:flex;gap:1rem}.tutee-avatar{border-radius:50%;box-shadow:0 2px 8px #00000026;font-size:1.25rem;font-weight:500;height:56px;width:56px}.tutee-basic-info{flex:1 1;min-width:0}.tutee-basic-info h3{color:#111827;font-size:1.1rem;font-weight:500;margin:0 0 .25rem}.tutee-basic-info h3,.tutee-school{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutee-school{font-size:.875rem;margin:0}.tutee-card-body{display:flex;flex-direction:column;gap:0;margin-top:1rem}.tutee-meta-bar{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.meta-label{letter-spacing:.5px}.meta-value{font-size:.9rem;font-weight:500}.subjects-section-enhanced{display:flex;flex-direction:column;gap:0}.subjects-section{display:flex;flex-direction:column;gap:.5rem}.info-row{color:#374151;font-size:.9rem;gap:.35rem;justify-content:flex-start}.info-row .icon{color:#893c3b;flex-shrink:0}.info-label{color:#6b7280;font-weight:500}.info-value{color:#111827;font-weight:500}.subjects-table{display:flex;flex-direction:column;gap:.75rem}.subject-row-compact{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:.875rem;transition:all .2s ease}.subject-row-compact:hover{border-color:#893c3b;box-shadow:0 2px 8px #893c3b14}.subject-row-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.625rem}.subject-name-compact{color:#111827;flex:1 1;font-size:.95rem;font-weight:500;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-badge-compact{border-radius:4px;flex-shrink:0;font-size:.7rem;font-weight:500;letter-spacing:.3px;padding:.3rem .625rem;text-transform:uppercase;white-space:nowrap}.mode-badge-compact.online{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.mode-badge-compact.physical{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.subject-row-details{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.detail-item-compact{align-items:baseline;display:flex;font-size:.8rem;gap:.375rem;white-space:nowrap}.detail-item-compact .detail-label{color:#6b7280;font-weight:500}.detail-item-compact .detail-value{color:#111827;font-weight:500}.address-row-compact{align-items:flex-start;background:#fefce8;border:1px solid #fde047;border-radius:6px;color:#713f12;display:flex;font-size:.8rem;gap:.5rem;line-height:1.4;margin-top:.625rem;padding:.625rem .75rem}.address-row-compact svg{color:#ca8a04;flex-shrink:0;margin-top:2px}.address-text{flex:1 1;font-weight:500;overflow-wrap:break-word;word-break:break-word}.address-section-modal{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:.5rem;padding:1rem}.address-header{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.address-header svg{color:#6b7280;flex-shrink:0}.address-content{color:#111827;font-size:.9rem;font-weight:500;line-height:1.5;padding-left:1.5rem}.subjects-tags{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{border-radius:6px}.subject-tag,.subject-tag-enhanced{align-items:center;display:inline-flex;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.subject-tag-enhanced{border:1.5px solid #0000;border-radius:8px;font-size:.8rem;gap:.375rem}.subject-tag-enhanced.online{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.subject-tag-enhanced.physical{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;color:#166534}.subject-tag-name{line-height:1}.schedule-count-badge{background:#ffffffe6;border-radius:10px;box-shadow:0 1px 3px #0000001a;color:inherit;font-size:.7rem;font-weight:500;line-height:1;padding:.125rem .375rem}.subject-tag.online{background-color:#dbeafe;color:#1e40af}.subject-tag.physical{background-color:#dcfce7;color:#166534}.subject-tag.more{background-color:#f3f4f6;color:#6b7280;font-weight:500}.no-subjects-text{color:#9ca3af;font-size:.85rem;font-style:italic;padding:1rem 0;text-align:center}.tutee-card-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.view-profile-text{color:#893c3b;font-size:.85rem;font-weight:500}.arrow-icon{color:#893c3b;transition:transform .2s ease}.tutee-card:hover .arrow-icon{transform:translateX(4px)}.tutee-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.tutee-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.tutee-modal .modal-header{align-items:center;background:#893c3b;border-bottom:none;display:flex;justify-content:space-between;padding:1.5rem 2rem}.tutee-modal .modal-title-section{align-items:center;display:flex;gap:1rem}.tutee-modal .modal-avatar{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:500;height:56px;justify-content:center;width:56px}.tutee-modal .modal-title-section>div h2{color:#fff;font-size:1.4rem;font-weight:500;line-height:1.2;margin:0}.tutee-modal .modal-title-section>div .modal-subtitle{color:#ffffffd9;font-size:.875rem;font-weight:500;margin:.25rem 0 0}.tutee-modal .close-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.tutee-modal .close-button:hover{background:#fff3;border-color:#ffffff4d}.tutee-modal .close-button:focus{outline:2px solid #ffffff80;outline-offset:2px}.modal-body{box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem;padding:3rem!important}.education-section,.subjects-detail-section{margin:0;width:100%}.education-section h3,.subjects-detail-section h3{align-items:center;color:#893c3b;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;margin:0 0 1.5rem!important;padding:0!important}.education-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0}.education-item{display:flex;flex-direction:column;gap:.5rem;padding:0}.education-item label{color:#6b7280;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0;padding:0;text-transform:uppercase}.education-item p{color:#111827;font-size:1rem;font-weight:500;margin:0;padding:0}.subjects-detail-list{display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0}.subject-detail-card{background:#f9fafb;border-radius:10px;transition:all .2s ease}.subject-detail-card:hover{background:#f3f4f6;border-color:#d1d5db}.subject-detail-card-enhanced{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;padding:0;transition:all .3s ease}.subject-detail-card-enhanced:hover{border-color:#893c3b;box-shadow:0 4px 12px #893c3b1a}.subject-detail-header-enhanced{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;padding:1.25rem 1.5rem}.subject-title-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.subject-detail-name-enhanced{color:#111827;flex:1 1;font-size:1.1rem;font-weight:500}.subject-badges{align-items:center}.subject-status-badge{border-radius:6px;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.25rem .625rem;text-transform:uppercase}.subject-status-badge.active{background:#d1fae5;border:1px solid #10b981;color:#065f46}.subject-detail-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.subject-info-grid{display:flex;flex-wrap:wrap;gap:1rem}.subject-info-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem}.subject-info-item .icon{color:#893c3b;flex-shrink:0}.info-label-small{color:#6b7280;font-weight:500}.info-value-small{color:#111827;font-weight:500}.schedule-section-tutor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.schedule-header-tutor{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.schedule-label-tutor{color:#374151;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.btn-edit-schedule{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#893c3b;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.btn-edit-schedule:hover{background:#893c3b;border-color:#893c3b;color:#fff}.btn-edit-schedule svg{height:12px;width:12px}.schedules-display-tutor{display:flex;flex-wrap:wrap;gap:.5rem}.schedule-badge-tutor{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem .75rem}.schedule-badge-tutor svg{flex-shrink:0}.schedule-day-display{font-weight:500}.schedule-time-display{opacity:.95}.schedule-edit-mode{display:flex;flex-direction:column;gap:.75rem}.schedules-list-edit{display:flex;flex-direction:column;gap:.5rem}.schedule-edit-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.schedule-day-select{border-radius:6px;flex:1 1;font-size:.875rem;padding:.5rem;transition:all .2s ease}.schedule-day-select:focus{border-color:#893c3b;box-shadow:0 0 0 2px #893c3b1a}.schedule-time-input{border-radius:6px;font-size:.875rem;padding:.5rem;transition:all .2s ease}.schedule-time-input:focus{border-color:#893c3b;box-shadow:0 0 0 2px #893c3b1a}.btn-remove-schedule{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;font-size:1.25rem;font-weight:500;height:28px;transition:all .2s ease;width:28px}.btn-remove-schedule:hover{background:#dc2626;border-color:#dc2626;color:#fff}.btn-add-schedule-tutor{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.btn-add-schedule-tutor:hover{background:#fef2f2;border-color:#893c3b;color:#893c3b}.btn-add-schedule-tutor svg{height:12px;width:12px}.schedule-actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding-top:.5rem}.btn-cancel-schedule{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s ease}.btn-cancel-schedule:hover{background:#f3f4f6;border-color:#9ca3af}.btn-save-schedule{background:linear-gradient(135deg,#893c3b,#cba763);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .2s ease}.btn-save-schedule:hover{box-shadow:0 4px 8px #893c3b4d;transform:translateY(-1px)}.no-schedule-text{color:#9ca3af;font-size:.875rem;padding:.5rem 0}.subject-detail-name{color:#111827;font-size:1rem;font-weight:500}.subject-detail-mode{border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.subject-detail-mode.online{background-color:#dbeafe;color:#1e40af}.subject-detail-mode.physical{background-color:#dcfce7;color:#166534}.subject-detail-info{display:flex;flex-direction:column;gap:.5rem}.subject-detail-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.subject-detail-item .icon{color:#893c3b;flex-shrink:0}.no-subjects-message{background:#f9fafb;border-radius:8px;color:#9ca3af;font-style:italic;margin:0;padding:2rem;text-align:center}.no-tutees{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:400px;padding:4rem 2rem;text-align:center;width:100%}.no-tutees svg{margin-bottom:1.5rem;opacity:.6}.no-tutees h3{color:#893c3b;font-size:1.5rem;margin:0 0 1rem}.no-tutees p{color:#6b7280;font-size:1rem;line-height:1.6;margin:.5rem 0}.no-tutees .help-text{margin-top:1rem}.no-subjects,.no-tutees .help-text{color:#9ca3af;font-size:.9rem;font-style:italic}.no-subjects{margin:.5rem 0}.error,.loading{padding:4rem 2rem}.loading{color:#6b7280}.error{padding:2rem}@media (max-width:768px){.tutor-tutees{padding:1rem}.tutees-header{align-items:flex-start;flex-direction:column}.tutees-header h2{font-size:1.5rem}.header-stats{align-self:flex-start;flex-wrap:wrap}.subjects-count,.tutees-count{font-size:.85rem;padding:.4rem .85rem}.tutees-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.tutee-card{padding:1.25rem}.tutee-avatar{font-size:1.1rem;height:48px;width:48px}.tutee-basic-info h3{font-size:1rem}.tutee-school{font-size:.8rem}.info-row{font-size:.85rem}.subjects-tags{gap:.4rem}.subject-tag{font-size:.75rem;padding:.3rem .6rem}.subjects-table{gap:.625rem}.subject-row-compact{padding:.75rem}.subject-name-compact{font-size:.9rem}.mode-badge-compact{font-size:.65rem;padding:.25rem .5rem}.subject-row-details{gap:.5rem}.detail-item-compact{font-size:.75rem}.tutee-modal{margin:.5rem;max-height:95vh;max-width:100%}.tutee-modal .modal-header{padding:1.25rem 1.5rem}.tutee-modal .modal-avatar{font-size:1.1rem;height:48px;width:48px}.tutee-modal .modal-title-section>div h2{font-size:1.2rem}.tutee-modal .modal-title-section>div .modal-subtitle{font-size:.8rem}.modal-body{padding:1.5rem}.education-grid{gap:1rem;grid-template-columns:1fr}.subject-detail-card{padding:.875rem}}@media (max-width:480px){.tutor-tutees{padding:.75rem}.tutees-header h2{font-size:1.25rem}.header-stats{gap:.5rem}.subjects-count,.tutees-count{font-size:.8rem;padding:.4rem .8rem}.tutees-grid{gap:.75rem;grid-template-columns:1fr}.tutee-card{padding:1rem}.tutee-avatar{font-size:1rem;height:44px;width:44px}.tutee-basic-info h3{font-size:.95rem}.tutee-school{font-size:.75rem}.info-row{font-size:.8rem}.subjects-header{font-size:.75rem}.subject-tag{font-size:.7rem;padding:.25rem .5rem}.subjects-table{gap:.5rem}.subject-row-compact{padding:.625rem}.subject-row-header{margin-bottom:.5rem}.subject-name-compact{font-size:.85rem}.mode-badge-compact{font-size:.6rem;padding:.25rem .5rem}.subject-row-details{gap:.5rem}.detail-item-compact{font-size:.7rem}.address-row-compact{font-size:.75rem;margin-top:.5rem;padding:.5rem .625rem}.address-row-compact svg{height:10px;width:10px}.view-profile-text{font-size:.75rem}.tutee-modal-overlay{padding:0}.tutee-modal{border-radius:0;margin:0;max-height:100vh}.tutee-modal .modal-header{padding:1rem 1.25rem}.tutee-modal .modal-avatar{font-size:1rem;height:44px;width:44px}.tutee-modal .modal-title-section>div h2{font-size:1.1rem}.tutee-modal .modal-title-section>div .modal-subtitle{font-size:.75rem}.tutee-modal .close-button{height:32px;padding:.375rem;width:32px}.modal-body{gap:1.5rem;padding:1rem}.education-section h3,.subjects-detail-section h3{font-size:1rem}.education-item label{font-size:.75rem}.education-item p{font-size:.9rem}.subject-detail-card{padding:.75rem}.subject-detail-name{font-size:.9rem}.subject-detail-mode{font-size:.7rem;padding:.2rem .6rem}.subject-detail-item{font-size:.8rem}.no-tutees{min-height:300px;padding:2rem 1rem}.no-tutees svg{height:80px;width:80px}.no-tutees h3{font-size:1.1rem}.no-tutees p{font-size:.875rem}}.invoice-preview-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:900px;padding:40px}.invoice-header-section{align-items:flex-start;border-bottom:3px solid #2c3e50;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:30px}.company-branding{flex:1 1}.company-name{color:#2c3e50;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 5px}.company-tagline{color:#7f8c8d;font-size:14px;font-style:italic;margin:0}.invoice-metadata{flex:1 1;text-align:right}.invoice-type-title{color:#2c3e50;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 15px}.invoice-date,.invoice-number{display:flex;font-size:14px;gap:10px;justify-content:flex-end;margin-bottom:8px}.invoice-date .label,.invoice-number .label{color:#7f8c8d;font-weight:600}.invoice-date .value,.invoice-number .value{color:#2c3e50;font-weight:500}.invoice-period-section{background:#ecf0f1;border-radius:6px;margin-bottom:25px;padding:15px 20px}.invoice-period-section h3{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.period-text{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.recipient-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;margin-bottom:30px;padding:20px}.recipient-section h3{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.recipient-details{line-height:1.6}.recipient-name{font-weight:700;margin:0 0 5px}.recipient-email,.recipient-phone{color:#555;font-size:14px;margin:3px 0}.adjustments-section h3,.lessons-section h3,.payment-instructions-section h3,.recurring-payments-section h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 15px;padding-bottom:8px;text-transform:uppercase}.lessons-section{margin-bottom:30px}.no-lessons-message{background:#f8f9fa;border-radius:6px;color:#7f8c8d;font-style:italic;padding:30px;text-align:center}.invoice-adjustments-table,.invoice-lessons-table,.invoice-recurring-table{border-collapse:collapse;font-size:14px;margin-bottom:10px;width:100%}.invoice-adjustments-table thead,.invoice-lessons-table thead,.invoice-recurring-table thead{background:#34495e;color:#fff}.invoice-adjustments-table th,.invoice-lessons-table th,.invoice-recurring-table th{font-size:13px;font-weight:600;letter-spacing:.3px;padding:12px 10px;text-align:left;text-transform:uppercase}.invoice-adjustments-table tbody tr,.invoice-lessons-table tbody tr,.invoice-recurring-table tbody tr{border-bottom:1px solid #ecf0f1}.invoice-adjustments-table tbody tr:hover,.invoice-lessons-table tbody tr:hover,.invoice-recurring-table tbody tr:hover{background:#f8f9fa}.invoice-adjustments-table td,.invoice-lessons-table td,.invoice-recurring-table td{color:#333;padding:12px 10px}.col-date,.col-name,.col-reason,.col-subject,.col-type{text-align:left}.col-amount,.col-duration,.col-rate{text-align:right}.col-date{width:12%}.col-name,.col-subject{width:20%}.col-duration{width:12%}.col-rate{width:15%}.col-amount{font-weight:600;width:15%}.col-type{width:25%}.col-reason{width:55%}.invoice-adjustments-table tfoot,.invoice-lessons-table tfoot,.invoice-recurring-table tfoot{background:#ecf0f1;font-weight:600}.subtotal-row td{border-top:2px solid #bdc3c7;padding:12px 10px}.subtotal-amount,.subtotal-label{color:#2c3e50;font-weight:700;text-align:right}.subtotal-amount{font-size:15px}.positive{color:#27ae60}.negative{color:#e74c3c}.adjustments-section,.recurring-payments-section{margin-bottom:30px}.totals-summary-section{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:8px;margin:40px 0 30px;padding:25px}.totals-breakdown{margin-left:auto;max-width:500px}.totals-row{border-bottom:1px solid #ddd;font-size:15px}.totals-row:last-child{border-bottom:none}.totals-label{color:#555;font-weight:600}.totals-value{color:#2c3e50;min-width:120px;text-align:right}.totals-row.grand-total{border-bottom:3px solid #2c3e50;border-top:3px solid #2c3e50;font-size:18px;margin-top:15px;padding-top:20px}.totals-row.grand-total .totals-label{color:#2c3e50;font-size:18px}.totals-row.grand-total .totals-value{color:#2c3e50;font-size:20px}.payment-instructions-section{background:#fff9e6;border-left:4px solid #f39c12;border-radius:4px;margin:30px 0;padding:20px}.instructions-content{color:#555;font-size:14px;line-height:1.8}.instructions-content p{margin:8px 0}.instructions-content strong{color:#2c3e50;font-weight:600}.instructions-content ul{margin:10px 0;padding-left:25px}.instructions-content li{margin:5px 0}.invoice-footer-section{border-top:2px solid #ecf0f1;margin-top:40px;padding-top:20px;text-align:center}.footer-text{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 10px}.footer-contact{color:#7f8c8d;font-size:13px;margin:0}@media screen and (max-width:768px){.invoice-preview-container{margin:10px;padding:20px}.invoice-header-section{flex-direction:column;gap:20px}.invoice-metadata{text-align:left}.invoice-type-title{font-size:20px}.company-name{font-size:24px}.invoice-date,.invoice-number{justify-content:flex-start}.invoice-adjustments-table,.invoice-lessons-table,.invoice-recurring-table{display:block;font-size:12px;overflow-x:auto;white-space:nowrap}.invoice-adjustments-table td,.invoice-adjustments-table th,.invoice-lessons-table td,.invoice-lessons-table th,.invoice-recurring-table td,.invoice-recurring-table th{padding:8px 6px}.totals-breakdown{max-width:100%}.totals-row{font-size:14px}.totals-row.grand-total,.totals-row.grand-total .totals-label,.totals-row.grand-total .totals-value{font-size:16px}}@media screen and (max-width:480px){.invoice-preview-container{padding:15px}.company-name{font-size:20px}.invoice-type-title,.period-text{font-size:18px}.recipient-name{font-size:16px}.invoice-adjustments-table,.invoice-lessons-table,.invoice-recurring-table{font-size:11px}}@media print{.invoice-preview-container{box-shadow:none;max-width:100%;padding:20px}.invoice-header-section{page-break-after:avoid}.adjustments-section,.lessons-section,.recurring-payments-section{page-break-inside:avoid}.totals-summary-section{page-break-before:avoid}.invoice-adjustments-table tbody tr:hover,.invoice-lessons-table tbody tr:hover,.invoice-recurring-table tbody tr:hover{background:#0000}.invoice-header-section{border-bottom-color:#000}.invoice-adjustments-table thead,.invoice-lessons-table thead,.invoice-recurring-table thead{background:#333!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.positive{color:#27ae60!important}.negative,.positive{-webkit-print-color-adjust:exact;print-color-adjust:exact}.negative{color:#e74c3c!important}.payment-instructions-section{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-actions{display:none}}.invoice-export-actions{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;padding:20px}.email-invoice-btn,.export-pdf-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.export-pdf-btn{background:#3498db;box-shadow:0 2px 4px #3498db33}.export-pdf-btn:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.export-pdf-btn:active:not(:disabled){box-shadow:0 2px 4px #3498db33;transform:translateY(0)}.export-pdf-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.7}.email-invoice-btn{background:#27ae60;box-shadow:0 2px 4px #27ae6033}.email-invoice-btn:hover:not(:disabled){background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.email-invoice-btn:active:not(:disabled){box-shadow:0 2px 4px #27ae6033;transform:translateY(0)}.email-invoice-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.7}.email-success-message,.export-success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.email-error-message,.email-success-message,.export-error-message,.export-success-message{align-items:center;animation:slideIn .3s ease;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.email-error-message,.export-error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}@media screen and (max-width:480px){.invoice-export-actions{align-items:stretch;flex-direction:column}.export-pdf-btn{justify-content:center;width:100%}.export-error-message,.export-success-message{width:100%}}@media print{.invoice-export-actions{display:none}}.email-confirmation-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-confirmation-dialog{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%}.confirmation-header{border-bottom:1px solid #ecf0f1;padding:20px 24px}.confirmation-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.confirmation-body{padding:24px}.confirmation-body p{color:#555;font-size:15px;line-height:1.6;margin:0 0 16px}.recipient-info-box{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:6px;margin:16px 0;padding:16px}.recipient-name-confirm{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 6px}.recipient-email-confirm{color:#555;font-size:14px;margin:0;word-break:break-word}.confirmation-note{color:#7f8c8d;font-size:13px;font-style:italic;margin-top:16px}.confirmation-actions{border-top:1px solid #ecf0f1;justify-content:flex-end;padding:16px 24px}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#bdc3c7}.confirm-btn{background:#27ae60;color:#fff}.confirm-btn:hover{background:#229954}.cancel-btn:active,.confirm-btn:active{transform:scale(.98)}@media screen and (max-width:480px){.email-confirmation-dialog{margin:10px;width:95%}.confirmation-header{padding:16px 20px}.confirmation-header h3{font-size:18px}.confirmation-body{padding:20px}.confirmation-actions{flex-direction:column-reverse;padding:12px 20px}.cancel-btn,.confirm-btn{width:100%}.invoice-export-actions{align-items:stretch;flex-direction:column}.email-invoice-btn,.export-pdf-btn{justify-content:center;width:100%}.email-error-message,.email-success-message,.export-error-message,.export-success-message{width:100%}}.monthly-summary{margin:0 auto;max-width:1400px;padding:20px}.summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.summary-header h2{color:#893c3b;margin:0}.filter-controls{display:flex;gap:10px}.filter-controls select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.filter-controls select:disabled{background-color:#f5f5f5;cursor:not-allowed}.endorsement-status-section{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.status-badge{font-size:14px;padding:8px 16px}.status-badge.pending{border:1px solid #ffe69c}.status-badge.endorsed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.disputed{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.endorsement-timestamp{color:#666;font-size:14px;font-style:italic}.monthly-summary .summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.monthly-summary .stat-card{background:#fff;border:2px solid #893c3b;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#893c3b;padding:20px}.monthly-summary .stat-card h3{color:#666;font-size:14px;font-weight:500;margin:0 0 10px}.monthly-summary .stat-card p{color:#893c3b;font-size:28px;font-weight:700;margin:0}.dispute-warning{background-color:#fff3cd;border:1px solid #ffe69c;border-left:4px solid #ffc107;border-radius:4px;color:#856404;margin-bottom:20px;padding:15px}.dispute-warning strong{display:block;margin-bottom:5px}.lessons-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:25px;overflow:hidden}.lessons-header{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:20px}.lessons-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.lessons-stats-cards{align-items:center;display:flex;gap:12px}.lessons-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-direction:column;gap:2px;min-width:80px;padding:8px 12px}.lessons-stat-card .stat-label{color:#999;font-size:10px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.lessons-stat-card .stat-value{color:#333;font-size:16px;font-weight:600}.lessons-stats-inline{align-items:center;color:#666;display:flex;font-size:15px;gap:12px}.lessons-stats-inline .stat-item{align-items:center;display:flex;gap:4px}.lessons-stats-inline .stat-item strong{color:#893c3b;font-size:16px;font-weight:700}.lessons-stats-inline .stat-divider{color:#ccc;font-weight:300}.lessons-filters{background:#fff;border-top:1px solid #f0f0f0;padding:0 20px 15px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap}.filter-dropdown{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:180px}.filter-dropdown>label{color:#333;font-size:13px;font-weight:600}.btn-clear-filters{background-color:#6c757d;font-weight:500;height:38px;transition:background-color .2s}.btn-clear-filters:hover{background-color:#5a6268}.selected-display{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:10px 12px;transition:border-color .2s;-webkit-user-select:none;user-select:none}.selected-display:hover{border-color:#893c3b}.selected-display .placeholder{color:#6c757d;font-size:14px}.selected-display .selected-count{color:#893c3b;font-size:14px;font-weight:600}.dropdown-arrow{color:#6c757d;font-size:12px}.dropdown-options{background:#fff;border:1px solid #dee2e6;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;margin-top:1px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background-color .2s}.dropdown-option:hover{background-color:#f8f9fa}.dropdown-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.dropdown-option input[type=checkbox]:checked+span{color:#893c3b;font-weight:600}.lessons-table-container{border-top:1px solid #e0e0e0;max-height:800px}.lessons-table{min-width:1280px}.lessons-table .col-date-time{width:400px}.lessons-table .col-tutee{width:70px}.lessons-table .col-subject{width:200px}.lessons-table .col-mode{width:80px}.lessons-table .col-duration,.lessons-table .col-rate{width:100px}.lessons-table .col-actions,.lessons-table .col-summary{width:130px}.lessons-table thead{background-color:#f5f5f5;color:#333;z-index:10}.lessons-table th{font-size:14px}.lessons-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.lessons-table th.sortable:hover{background-color:#e9ecef}.lessons-table td{border-bottom:1px solid #eee;overflow-wrap:break-word}.lessons-table .col-subject,.lessons-table .col-summary{line-height:1.4;white-space:normal}.lessons-table .col-summary{color:#666;font-size:13px}.lessons-table tbody tr:hover{background-color:#f9f9f9}.lessons-table tbody tr.disputed-lesson{background-color:#fff5f5}.lessons-table tbody tr.disputed-lesson:hover{background-color:#ffe5e5}.lessons-table tbody tr.resolved-lesson{background-color:#f0f9f4;border-left:3px solid #28a745}.lessons-table tbody tr.resolved-lesson:hover{background-color:#e6f4ea}.disputed-badge{background-color:#ffc107;color:#856404}.disputed-badge,.resolved-badge{border-radius:12px;cursor:help;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.resolved-badge{background-color:#28a745;color:#fff;white-space:pre-line}.dispute-btn{background-color:#ffc107;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.dispute-btn:hover{background-color:#ffb300}.adjustments-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:20px}.adjustments-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.recurring-payments-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:20px}.recurring-payments-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.recurring-payments-table-container{margin-bottom:12px;overflow-x:auto}.recurring-payments-table{background:#fff}.recurring-payments-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:10px}.recurring-payments-table td{padding:10px}.recurring-payments-table tbody tr:hover{background-color:#f9f9f9}.payment-type-badge{background-color:#e7f3ff;border-radius:12px;color:#004085;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.recurring-payments-total{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;font-size:15px;gap:15px;justify-content:flex-end;padding:12px}.recurring-payments-total strong{color:#333}.recurring-payments-total .positive{color:#28a745;font-size:16px;font-weight:700}.adjustments-payments-section{margin:20px 0 0}.adjustments-payments-section h4{margin:0 0 15px}.adjustments-payments-section table{background:#fff;border-collapse:collapse;width:100%}.adjustments-payments-section th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-size:14px;font-weight:600;padding:10px;text-align:left}.adjustments-payments-section td{border-bottom:1px solid #eee;font-size:14px;padding:10px}.adjustments-payments-section tbody tr:hover{background-color:#f9f9f9}.adjustments-payments-section .no-data{color:#666;font-size:14px;font-style:italic;padding:15px;text-align:center}.final-summary-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:20px}.final-summary-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.final-summary-box{background:#f8f9fa;border-radius:4px;padding:15px}.final-summary-box .summary-line{align-items:center;display:flex;font-family:inherit;font-size:15px;justify-content:space-between;padding:8px 0}.final-summary-box .summary-line span:first-child{color:#333;font-family:inherit;font-weight:500}.final-summary-box .summary-line .amount{color:#495057;font-family:inherit;font-weight:600}.final-summary-box .summary-line .amount.positive{color:#28a745}.final-summary-box .summary-line .amount.negative{color:#dc3545}.final-summary-box .summary-divider{background:#893c3b;height:2px;margin:12px 0}.final-summary-box .summary-line.net-earnings{font-family:inherit;font-size:18px;padding-top:12px}.final-summary-box .summary-line.net-earnings span:first-child{color:#893c3b;font-family:inherit;font-weight:700}.final-summary-box .summary-line.net-earnings .amount{color:#893c3b;font-family:inherit;font-size:20px;font-weight:700}.adjustments-table-container{margin-bottom:15px;overflow-x:auto}.adjustments-table{background:#fff}.adjustments-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-size:14px;padding:12px}.adjustments-table td{padding:12px}.adjustments-table tbody tr:hover{background-color:#f9f9f9}.adjustments-table td.positive{color:#28a745;font-weight:600}.adjustments-table td.negative{color:#dc3545;font-weight:600}.adjustment-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.adjustment-type-badge.bonus{background-color:#d4edda;color:#155724}.adjustment-type-badge.deduction{background-color:#f8d7da;color:#721c24}.adjustments-total{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:16px;gap:15px;justify-content:flex-end;padding:15px}.adjustments-total strong{color:#333}.adjustments-total .positive{color:#28a745;font-size:18px;font-weight:700}.adjustments-total .negative{color:#dc3545;font-size:18px;font-weight:700}.endorsement-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px}.endorsement-notes{margin-bottom:20px}.endorsement-notes label{color:#333;display:block;font-weight:600;margin-bottom:8px}.endorsement-notes textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.endorsement-notes textarea:focus{border-color:#893c3b;outline:none}.endorse-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .2s}.endorse-btn:hover:not(:disabled){background-color:#218838}.endorse-btn:disabled{background-color:#ccc;cursor:not-allowed}.endorse-disabled-message{color:#721c24;font-size:14px;font-style:italic;margin-top:10px}.completeness-check-section{background:#f8f9fa;border:2px solid #893c3b;border-radius:8px;margin-bottom:20px;padding:20px}.completeness-check-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.action-buttons{flex-wrap:wrap;gap:10px}.btn-add-lesson,.btn-calendar{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-calendar{background-color:#cba763;color:#fff}.btn-calendar:hover{background-color:#b8954f}.btn-add-lesson{background-color:#28a745;color:#fff}.btn-add-lesson:hover{background-color:#218838}.calendar-view{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin:20px 0;padding:15px}.calendar-view h4{color:#555;font-size:15px;font-weight:600;margin:0 0 15px}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:15px}.calendar-day{align-items:center;aspect-ratio:1;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:4px;color:#999;display:flex;font-size:14px;font-weight:600;justify-content:center}.calendar-day.has-lesson{background-color:#d4edda;border-color:#28a745;color:#155724}.calendar-legend{display:flex;font-size:13px;gap:20px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border:2px solid #dee2e6;border-radius:3px;height:20px;width:20px}.legend-color.has-lesson{background-color:#d4edda;border-color:#28a745}.legend-color.no-lesson{background-color:#f8f9fa;border-color:#dee2e6}.completeness-confirmation{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:15px;padding:15px}.checkbox-label{align-items:flex-start}.checkbox-label input[type=checkbox]{margin-top:3px}.checkbox-label span{color:#333;flex:1 1;font-weight:500}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 4px 6px #0000001a;padding:30px}.modal-content h3{color:#333;font-size:18px;margin:0 0 20px}.modal-content p{color:#333;line-height:1.6;margin-bottom:20px}.modal-actions{margin-top:20px}.btn-cancel,.btn-confirm,.btn-submit-dispute{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.btn-cancel{background-color:#6c757d}.btn-cancel:hover:not(:disabled){background-color:#5a6268}.btn-confirm{background-color:#28a745;color:#fff}.btn-confirm:hover:not(:disabled){background-color:#218838}.btn-submit-dispute{background-color:#dc3545;color:#fff}.btn-submit-dispute:hover:not(:disabled){background-color:#c82333}.btn-cancel:disabled,.btn-confirm:disabled,.btn-submit-dispute:disabled{cursor:not-allowed;opacity:.6}.dispute-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.dispute-modal .modal-header{align-items:center;background:linear-gradient(135deg,#893c3b,#a85858);border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px}.dispute-modal .modal-header h3{color:#fff;font-size:22px;font-weight:600;margin:0}.dispute-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.dispute-modal .close-btn:hover{background:#fff3;color:#fff}.dispute-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.dispute-modal .modal-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.lesson-info-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px}.lesson-info-card .info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.lesson-info-card .info-row:last-child{margin-bottom:0}.lesson-info-card .info-col{display:flex;flex-direction:column;gap:6px}.lesson-info-card .info-col.full-width{grid-column:1/-1}.lesson-info-card .info-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lesson-info-card .info-value{color:#333;font-size:15px;font-weight:500}.lesson-info-card .info-value.amount-highlight{color:#893c3b;font-size:18px;font-weight:700}.lesson-info-card .summary-text{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#555;font-size:14px;line-height:1.6;margin-top:6px;padding:12px;white-space:pre-wrap}.dispute-reason-section{margin-bottom:0}.dispute-reason-section .form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.dispute-reason-section .required{margin-left:2px}.dispute-reason-section .dispute-textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.dispute-reason-section .dispute-textarea:focus{border-color:#893c3b;outline:none}.dispute-reason-section .character-count{color:#999;font-size:12px;margin-top:6px;text-align:right}.dispute-modal .modal-footer{background:#fafafa;border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.dispute-modal .btn-cancel,.dispute-modal .btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.dispute-modal .btn-cancel{background:#fff;border:2px solid #ddd;color:#666}.dispute-modal .btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#999}.dispute-modal .btn-submit{background:#dc3545;color:#fff}.dispute-modal .btn-submit:hover:not(:disabled){background:#c82333}.dispute-modal .btn-cancel:disabled,.dispute-modal .btn-submit:disabled{cursor:not-allowed;opacity:.5}.add-lesson-modal{max-height:90vh;max-width:600px;overflow-y:auto}.form-group label .required{color:#dc3545;margin-left:2px}.btn-submit{background-color:#28a745;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-submit:hover{background-color:#218838}.dispute-reason-section{margin-bottom:20px}.dispute-reason-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.dispute-reason-section .required{color:#dc3545}.dispute-reason-section textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.dispute-reason-section textarea:focus{border-color:#893c3b;outline:none}.character-count{color:#666;font-size:12px;margin-top:5px}.no-lessons{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px}.no-lessons p{color:#666;font-size:16px}.profit-share-section{background:#fff;margin-bottom:20px}.profit-share-section h3{font-size:16px;margin:0 0 20px}.profit-share-section .no-data{color:#666;font-style:italic;padding:20px;text-align:center}.commission-lessons-table{margin-bottom:25px;overflow-x:auto}.commission-lessons-table table{border-collapse:collapse;min-width:1100px;table-layout:fixed;width:100%}.commission-lessons-table .col-date-time{width:160px}.commission-lessons-table .col-tutee,.commission-lessons-table .col-tutor{width:110px}.commission-lessons-table .col-subject{width:300px}.commission-lessons-table .col-duration{width:90px}.commission-lessons-table .col-tutee-rate,.commission-lessons-table .col-tutor-rate{width:100px}.commission-lessons-table .col-commission{width:110px}.commission-lessons-table thead{background-color:#f5f5f5;color:#333}.commission-lessons-table th{border-bottom:2px solid #ddd;font-size:14px;font-weight:600;padding:12px;text-align:left}.commission-lessons-table td{word-wrap:break-word;border-bottom:1px solid #eee;font-size:14px;font-weight:400;overflow-wrap:break-word;padding:12px}.commission-lessons-table .col-subject{line-height:1.4;white-space:normal}.commission-lessons-table tbody tr:nth-child(2n){background-color:#f9f9f9}.commission-lessons-table tbody tr:hover{background-color:#f0f0f0}.commission-lessons-table .commission-total{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-top:10px;padding:15px}.commission-lessons-table .commission-total strong{color:#893c3b}.commission-lessons-table .commission-total span{color:#495057;font-size:18px}.profit-share-summary{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:15px}.profit-share-summary .summary-row{align-items:center;display:flex;font-size:15px;justify-content:space-between;padding:8px 0}.profit-share-summary .summary-row:not(:last-child){border-bottom:1px solid #e9ecef}.profit-share-summary .summary-row span:first-child{color:#333;font-weight:500}.profit-share-summary .summary-row span:last-child{color:#28a745;font-weight:600}.profit-share-summary .summary-row.commission-pool{background-color:#f0f0f0;border-radius:4px;font-size:14px;margin:-10px -10px 10px;padding:12px}.profit-share-summary .summary-row.commission-pool span{color:#6c757d;font-weight:500}.profit-share-summary .summary-row.commission-pool span:last-child{color:#495057;font-weight:600}.profit-share-summary .summary-row.deduction span:last-child{color:#dc3545}.profit-share-summary .summary-row.bonus span:last-child{color:#28a745}.deductions-table-section td.positive{color:#28a745;font-weight:600}.deductions-table-section td.negative{color:#dc3545;font-weight:600}.deductions-table-section .type-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.deductions-table-section .type-badge.recurring{background-color:#e7f3ff;color:#004085}.deductions-table-section .type-badge.bonus{background-color:#d4edda;color:#155724}.deductions-table-section .type-badge.deduction{background-color:#f8d7da;color:#721c24}.deductions-table-section .profit-sharer-badge{color:#893c3b;font-size:11px;font-style:italic;font-weight:600}.deductions-table-section .amount-note{color:#6c757d;font-size:11px;font-style:italic;margin-left:4px}.deductions-table-section table{margin-top:10px}.deductions-table-section thead{background-color:#f5f5f5}.deductions-table-section th{border-bottom:2px solid #ddd;font-size:14px;padding:12px;text-align:left}.deductions-table-section td{border-bottom:1px solid #eee;font-size:14px;padding:12px}.deductions-table-section tbody tr:nth-child(2n){background-color:#f9f9f9}.deductions-table-section tbody tr:hover{background-color:#f0f0f0}.commission-lessons-table h4{color:#555;font-size:15px;font-weight:600;margin:0 0 15px}.adjustments-payments-section h4{color:#555;font-size:15px;font-weight:600;margin:0 0 12px}.deductions-table-section h4{margin:20px 0 8px}.commission-lessons-table .table-note{color:#666;font-size:13px;font-style:italic;margin:0 0 12px}.profit-share-summary .summary-row.total{border-top:2px solid #893c3b;font-size:18px;margin-top:10px;padding-top:15px}.profit-share-summary .summary-row.total span:first-child{color:#893c3b;font-weight:700}.profit-share-summary .summary-row.total span:last-child{color:#28a745;font-size:20px;font-weight:700}.profit-share-summary .summary-row.total span.negative{color:#dc3545}.profit-share-summary .warning-message{background-color:#fff3cd;border:1px solid #ffc107;border-left-width:4px;border-radius:4px;color:#856404;font-size:14px;font-weight:500;margin-top:15px;padding:12px}.error,.loading{font-size:16px;padding:40px}.error{color:#dc3545}@media (max-width:768px){.monthly-summary{padding:15px}.summary-header{align-items:flex-start;flex-direction:column}.monthly-summary .summary-stats{grid-template-columns:1fr}.lessons-table-container{border-radius:4px}.lessons-table{font-size:12px}.lessons-table td,.lessons-table th{padding:8px}.modal-content{padding:20px;width:95%}.endorsement-section{padding:15px}.monthly-summary{padding:10px}.summary-header{align-items:flex-start;flex-direction:column;gap:10px}.filter-controls{width:100%}.filter-controls select{margin-bottom:10px;width:100%}.monthly-summary .summary-stats{grid-template-columns:1fr}.lessons-header{align-items:flex-start;flex-direction:column;gap:12px}.lessons-stats-cards{gap:8px;justify-content:flex-start;width:100%}.lessons-stat-card{min-width:70px;padding:6px 10px}.lessons-stat-card .stat-label{font-size:9px}.lessons-stat-card .stat-value{font-size:14px}.lessons-stats-inline{flex-wrap:wrap;font-size:13px;gap:8px}.lessons-filters{padding:12px 15px}.filters-row{flex-direction:column;gap:12px}.filter-dropdown{min-width:100%}.btn-clear-filters{width:100%}.lessons-table-container{overflow-x:auto}.lessons-table{font-size:12px}.lessons-table td,.lessons-table th{padding:8px 4px}.lesson-summary-cell{max-width:150px}.modal-content{margin:10px;max-width:95%;width:95%}.action-buttons{flex-direction:column}.btn-add-lesson,.btn-calendar{width:100%}.calendar-grid{gap:4px}.calendar-day{font-size:12px}.form-row{grid-template-columns:1fr}.calendar-legend{flex-direction:column;gap:10px}.profit-share-section{padding:15px}.profit-share-section h3{font-size:18px}.commission-lessons-table{overflow-x:auto}.commission-lessons-table table{font-size:12px}.commission-lessons-table td,.commission-lessons-table th{padding:8px 4px}.profit-share-summary{padding:15px}.profit-share-summary .summary-row{flex-wrap:wrap;font-size:13px}.profit-share-summary .summary-row.total{font-size:16px}.profit-share-summary .summary-row.total span:last-child{font-size:18px}.profit-share-summary .warning-message{font-size:12px}}.profit-share-section h4{color:#555;font-size:15px;font-weight:600;margin:20px 0 10px}.deductions-table-section{margin:20px 0 0}.deductions-table-section h4{color:#555;font-size:15px;font-weight:600;margin-bottom:10px}.deductions-table-section table{border-collapse:collapse;width:100%}.deductions-table-section td,.deductions-table-section th{border-bottom:1px solid #dee2e6;padding:10px;text-align:left}.deductions-table-section th{background-color:#f8f9fa;color:#495057;font-weight:600}@media (max-width:768px){.deductions-table-section table{font-size:12px}.deductions-table-section td,.deductions-table-section th{padding:6px}}.endorsement-info-card{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;border-radius:12px;box-shadow:0 2px 8px #28a7451a;margin:20px 0;padding:20px}.endorsement-details{align-items:center;display:flex;gap:20px;justify-content:space-between}.endorsement-status-header{display:flex;flex:1 1;flex-direction:column;gap:12px}.endorsement-status-header .status-badge{align-items:center;background-color:#155724;border:none;border-radius:25px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;padding:10px 16px;width:-webkit-fit-content;width:fit-content}.endorsement-status-header .status-text{letter-spacing:.5px;text-transform:uppercase}.endorsement-timestamp{flex:1 1}.endorsement-date-time{display:flex;flex-direction:column;gap:4px}.endorsement-date{color:#155724;font-size:16px;font-weight:600}.endorsement-time{color:#155724;font-size:14px;opacity:.8}.endorsement-info-card .invoice-actions{align-items:center;border-top:none;display:flex;flex-shrink:0;margin-left:10px;margin-top:0;padding-top:0}.btn-view-invoice{align-items:center;background:#155724;border:none;border-radius:6px;box-shadow:0 1px 4px #15572433;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:36px;min-width:110px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-view-invoice:hover:not(:disabled){background:#0d4419;box-shadow:0 2px 8px #1557244d;transform:translateY(-1px)}.btn-view-invoice:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.endorsement-details{align-items:stretch;flex-direction:column;gap:15px}.endorsement-status-header{width:100%}.endorsement-status-header .status-badge{font-size:14px;padding:8px 14px}.endorsement-date-time{gap:2px}.endorsement-date{font-size:14px}.endorsement-time{font-size:12px}.endorsement-timestamp{text-align:center}.btn-view-invoice{font-size:12px;justify-content:center;min-height:32px;min-width:0;min-width:auto;padding:8px 16px;width:100%}.endorsement-info-card .invoice-actions{margin-left:0;width:100%}}.invoice-modal{max-height:90vh;max-width:900px;width:95%}.invoice-summary{margin-bottom:25px}.invoice-totals{border:2px solid #e0e0e0;border-radius:8px}.total-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.total-item:last-child{border-bottom:none}.total-item.final-total{border-top:2px solid #893c3b;font-size:16px;font-weight:700;margin-top:10px;padding-top:15px}.total-item .label,.total-item .value{color:#333;font-weight:600}.total-item .value.positive{color:#28a745}.total-item .value.negative{color:#dc3545}.invoice-adjustments,.invoice-lessons,.invoice-recurring{margin-bottom:25px}.invoice-adjustments h4,.invoice-lessons h4,.invoice-recurring h4{border-bottom:2px solid #893c3b;color:#893c3b;font-size:16px;margin-bottom:15px;padding-bottom:5px}.invoice-lessons .lessons-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.invoice-lessons .lessons-table td,.invoice-lessons .lessons-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.invoice-lessons .lessons-table th{background:#893c3b;color:#fff;font-size:14px;font-weight:600}.invoice-lessons .lessons-table tbody tr:hover{background:#f8f9fa}.adjustments-list,.recurring-list{background:#f9f9f9;border-radius:8px;padding:15px}.adjustment-item,.recurring-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.adjustment-item:last-child,.recurring-item:last-child{border-bottom:none}.adjustment-reason,.recurring-reason{color:#555;flex:1 1}.adjustment-amount,.recurring-amount{font-weight:600;margin-left:15px}.adjustment-amount.positive,.recurring-amount.positive{color:#28a745}.adjustment-amount.negative{color:#dc3545}.btn-close-modal{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-close-modal:hover{background:#5a6268}@media (max-width:768px){.invoice-preview-overlay{padding:10px}.invoice-preview-modal{max-height:95vh}.invoice-preview-header{padding:15px 20px}.invoice-preview-header h3{font-size:18px}}.invoice-management{background-color:#f5f5f5;min-height:100vh;padding:20px;width:100%}.invoice-header{margin-bottom:20px}.invoice-header h1{color:#333;font-size:28px;margin:0}.invoice-tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:20px;padding-bottom:0}.invoice-tabs button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#666;cursor:pointer;font-size:16px;padding:12px 24px;position:relative;transition:all .3s ease}.invoice-tabs button:hover{background-color:#f0f0f0;color:#333}.invoice-tabs button.active{border-bottom-color:#4caf50;color:#4caf50;font-weight:600}.tab-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.generate-invoice-tab{display:flex;flex-direction:column;gap:30px}.invoice-controls{grid-gap:20px;background:#f9f9f9;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#333;font-size:14px;font-weight:600}.control-group select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px}.control-group select:focus{border-color:#4caf50;outline:none}.recipient-type-buttons{display:flex;gap:10px}.recipient-type-buttons button{background:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:all .3s ease}.recipient-type-buttons button:hover{background:#f0f9f0;border-color:#4caf50}.recipient-type-buttons button.active{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:600}.recipient-selector{position:relative}.recipient-search{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.recipient-search:focus{border-color:#4caf50;outline:none}.recipient-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.recipient-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px;transition:background .2s ease}.recipient-option:hover{background:#f0f9f0}.recipient-option:last-child{border-bottom:none}.recipient-name{margin-bottom:4px}.invoice-preview-area{align-items:center;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;min-height:400px;padding:40px}.error-state,.loading-state,.no-selection,.ready-to-generate{text-align:center}.no-selection p{color:#999;font-size:16px}.ready-to-generate p{color:#666;margin:10px 0}.recipient-info{color:#333;font-size:24px;font-weight:600}.period-info{color:#666;font-size:18px;margin-bottom:20px}.generate-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background .3s ease}.generate-btn:hover{background:#45a049}.error-state .error-message{background:#ffebee;border-radius:4px;color:#f44336;font-size:16px;padding:20px}.invoice-preview{color:#666;text-align:center;width:100%}.audit-trail-tab,.payment-adjustments-tab,.recurring-payments-tab{color:#999;font-style:italic;padding:40px;text-align:center}@media (max-width:1024px) and (min-width:769px){.invoice-management{padding:15px}.endorsement-controls{flex-direction:column;gap:15px}.date-selectors{justify-content:flex-start}.tutor-cards{gap:15px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.statistics-grid{grid-template-columns:repeat(2,1fr)}.bulk-actions-section{justify-content:center}}@media (max-width:768px){.invoice-management{padding:10px}.tab-content{padding:15px}.invoice-controls{gap:15px;grid-template-columns:1fr;padding:15px}.invoice-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.invoice-tabs button{font-size:14px;min-height:44px;padding:12px 20px;white-space:nowrap}.invoice-preview-area{min-height:300px;padding:20px}.endorsement-controls{align-items:stretch;flex-direction:column;gap:15px;padding:15px}.date-selectors{flex-direction:column;gap:12px}.control-group select{font-size:16px;min-height:44px}.search-filter-controls{max-width:100%}.tutor-search{font-size:16px;min-height:44px;padding:12px 15px}.status-filters-row{flex-direction:column;gap:10px;padding:0 10px}.status-filters{flex-wrap:wrap;gap:8px;padding:0;width:100%}.status-filters button{flex:1 1;font-size:14px;min-height:44px;min-width:calc(50% - 4px);padding:12px 16px}.profit-sharing-btn{justify-content:center;width:100%}.section-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:15px}.section-header h2{flex-shrink:0;font-size:18px;min-width:0}.section-header .btn-send-reminder-all,.section-header .bulk-action-btn{flex-shrink:0;font-size:13px;min-height:44px;min-width:100px;padding:8px 12px;white-space:nowrap}.tutor-cards{gap:15px;grid-template-columns:1fr;padding:0 10px}.statistics-grid{gap:12px;grid-template-columns:1fr}.bulk-actions-section{flex-direction:column;gap:10px}.bulk-email-btn,.bulk-export-btn{font-size:14px;justify-content:center;min-height:44px;padding:12px 20px;width:100%}.invoice-preview-overlay{padding:0}.invoice-preview-modal{border-radius:0;max-height:100vh;width:100%}.invoice-preview-header{padding:15px 20px}.invoice-preview-header h3{font-size:18px}.close-preview{min-height:44px;min-width:44px}}@media (max-width:375px){.invoice-management{padding:8px}.endorsement-controls,.section-header,.tab-content{padding:12px}.section-header h2{font-size:16px}.tutor-cards{gap:12px}.status-filters,.tutor-cards{padding:0 8px}.status-filters button{font-size:13px;padding:10px 12px}.bulk-email-btn,.bulk-export-btn{font-size:13px;padding:10px 16px}}.invoice-preview-content{background:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:900px;padding:40px;width:100%}.invoice-preview-header{align-items:flex-start;border-bottom:2px solid #4caf50;margin-bottom:30px;padding-bottom:20px}.invoice-title h2{color:#333;font-size:28px;margin:0 0 5px}.invoice-period{color:#666;font-size:16px;margin:0}.invoice-meta{color:#666;font-size:14px;text-align:right}.invoice-meta p{margin:5px 0}.invoice-recipient{background:#f9f9f9;border-radius:4px;margin-bottom:30px;padding:20px}.invoice-recipient h3{color:#666;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.recipient-name{color:#333;font-size:18px;margin:5px 0}.recipient-email{color:#666;font-size:14px;margin:5px 0}.invoice-section{margin-bottom:30px}.invoice-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.no-lessons{background:#f9f9f9;border-radius:4px;color:#999;font-style:italic;padding:20px}.invoice-table{border-collapse:collapse;margin-bottom:20px;width:100%}.invoice-table thead{background:#f5f5f5}.invoice-table th{border-bottom:2px solid #ddd;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.invoice-table td{border-bottom:1px solid #eee;color:#666;font-size:14px;padding:12px}.invoice-table tbody tr:hover{background:#f9f9f9}.invoice-table td.positive{color:#4caf50;font-weight:600}.invoice-table td.negative{color:#f44336;font-weight:600}.invoice-totals{background:#f9f9f9;border-radius:4px;margin-top:30px;padding:20px}.totals-row{color:#666}.totals-row.total{color:#333;font-weight:600}.totals-row span.positive{color:#4caf50}.totals-row span.negative{color:#f44336}.invoice-actions{border-top:1px solid #ddd;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.action-btn{border:none;border-radius:4px;font-size:14px;padding:12px 24px}.action-btn.primary{background:#4caf50;color:#fff}.action-btn.primary:hover{background:#45a049}.action-btn.secondary{background:#fff;border:2px solid #4caf50;color:#4caf50}.action-btn.secondary:hover{background:#f0f9f0}.retry-btn{margin-top:15px}@media (max-width:768px){.invoice-preview-content{padding:20px}.invoice-preview-header{flex-direction:column;gap:15px}.invoice-meta{text-align:left}.invoice-table{font-size:12px}.invoice-table td,.invoice-table th{padding:8px 4px}.invoice-actions{flex-direction:column}.action-btn{width:100%}}.bulk-export-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #667eea33;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.bulk-export-btn{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#667eea;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.bulk-export-btn:hover{background:#f8f9fa;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.bulk-export-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.bulk-export-btn .btn-icon{font-size:18px}@media (max-width:768px){.bulk-export-section{padding:12px 15px}.bulk-export-btn{font-size:14px;justify-content:center;padding:10px 20px;width:100%}}.bulk-actions-section{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.bulk-email-btn,.bulk-export-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.bulk-export-btn{background:#3498db;box-shadow:0 2px 4px #3498db33}.bulk-export-btn:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.bulk-email-btn{background:#27ae60;box-shadow:0 2px 4px #27ae6033}.bulk-email-btn:hover{background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.bulk-email-btn:active,.bulk-export-btn:active{transform:translateY(0)}.bulk-email-btn .btn-icon,.bulk-export-btn .btn-icon{align-items:center;display:inline-flex;margin-right:8px;vertical-align:middle}.bulk-email-btn .btn-icon svg,.bulk-export-btn .btn-icon svg{height:18px;width:18px}@media screen and (max-width:768px){.bulk-actions-section{flex-direction:column}.bulk-email-btn,.bulk-export-btn{justify-content:center;width:100%}}.endorsement-integrated{display:flex;flex-direction:column;gap:20px}.endorsement-controls{align-items:flex-end;background:#f9f9f9;border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:20px}.date-selectors{display:flex;gap:15px}.search-filter-controls{flex:1 1;max-width:400px}.tutor-search{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 15px}.tutor-search:focus{border-color:#4caf50;outline:none}.status-filters-row{gap:20px;justify-content:space-between;margin-bottom:20px;padding:0 20px}.status-filters,.status-filters-row{align-items:center;display:flex;flex-wrap:wrap}.status-filters{gap:10px}.status-filters button{background:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.status-filters button:hover{background:#f0f9f0;border-color:#4caf50}.status-filters button.active{background:#4caf50;border-color:#4caf50;color:#fff}.profit-sharing-btn{align-items:center;background:#fff!important;border:1px solid #667eea!important;border-radius:4px;color:#667eea!important;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px!important;transition:all .2s ease;white-space:nowrap}.profit-sharing-btn .profit-icon{flex-shrink:0;height:18px;width:18px}.profit-sharing-btn:hover{background:#667eea!important;border-color:#667eea!important;color:#fff!important}.tutor-section{margin:20px 0}.section-header{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;margin-bottom:15px;padding:15px 20px}.section-header h2{flex:1 1;margin:0}.section-header .bulk-action-btn{background:#fff;border:1px solid #893c3b;border-radius:4px;color:#893c3b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.section-header .bulk-action-btn:hover{background:#893c3b;color:#fff}.section-header .bulk-action-btn:disabled{background:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed}.btn-send-reminder-all{background:#fff;border:1px solid #893c3b;border-radius:4px;color:#893c3b;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-send-reminder-all:hover:not(:disabled){background:#893c3b;color:#fff}.btn-send-reminder-all:disabled{background:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.6}.section-actions{align-items:center;flex-shrink:0;gap:10px}.bulk-action-btn{background:#fff;border:1px solid #893c3b;border-radius:4px;color:#893c3b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.bulk-action-btn:hover{background:#893c3b;color:#fff}.bulk-action-btn:disabled{background:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed}.invoice-table-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;overflow:hidden}.invoice-table-section .table-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:16px 20px}.invoice-table-section .table-header h2{align-items:center;color:#333;display:flex;flex:1 1;font-size:18px;font-weight:600;gap:8px;margin:0;white-space:nowrap}.invoice-table-section .invoice-count{color:#666;font-size:14px;font-weight:400}.invoice-table-section .table-header .bulk-action-btn{background:#fff;border:1px solid #893c3b;border-radius:4px;color:#893c3b;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.invoice-table-section .table-header .bulk-action-btn:hover:not(:disabled){background:#893c3b;color:#fff}.invoice-table-section .table-header .bulk-action-btn:disabled{background:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed}.invoice-table-section .invoice-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.invoice-table-section .invoice-table{border-collapse:collapse;font-size:13px;table-layout:auto;width:100%}.invoice-table-section .invoice-table td:nth-child(10),.invoice-table-section .invoice-table td:nth-child(9),.invoice-table-section .invoice-table th:nth-child(10),.invoice-table-section .invoice-table th:nth-child(9){width:120px}.invoice-table-section .invoice-table td:nth-child(11),.invoice-table-section .invoice-table th:nth-child(11){width:110px}.invoice-table-section .invoice-table th,.invoice-table-section .invoice-table thead{background:#fafafa;border-bottom:1px solid #e5e7eb}.invoice-table-section .invoice-table th{color:#555;font-size:13px;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.invoice-table-section .invoice-table tbody tr{border-bottom:1px solid #f0f0f0}.invoice-table-section .invoice-table tbody tr:hover{background:#fafafa}.invoice-table-section .invoice-table tbody tr:last-child{border-bottom:none}.invoice-table-section .invoice-table td{color:#333;font-size:13px;font-weight:400;padding:10px 12px;text-align:left;vertical-align:middle}.invoice-table-section .tutee-info{display:block}.invoice-table-section .tutee-name{color:#333;display:block;font-size:13px;font-weight:400;margin-bottom:2px}.invoice-table-section .tutee-code{color:#666;display:block;font-size:11px}.invoice-table-section .invoice-amount{color:#333;font-size:13px;font-weight:400}.invoice-table-section .amount-positive{color:#16a34a;font-weight:500}.invoice-table-section .total-amount,.invoice-table-section strong.amount-negative{font-size:13px;font-weight:600}.invoice-table-section .total-amount{color:#2563eb}.invoice-table-section .amount-negative{color:#dc2626;font-weight:500}.invoice-table-section strong.amount-negative{font-weight:600}.invoice-table-section .status-badge{border-radius:0;color:#333;display:inline-block;font-size:13px;font-weight:400;padding:0;white-space:nowrap}.invoice-table-section .status-badge.status-disputed,.invoice-table-section .status-badge.status-endorsed,.invoice-table-section .status-badge.status-paid,.invoice-table-section .status-badge.status-pending{background:none;color:#333}.invoice-table-section .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-start}.invoice-table-section .btn-icon{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;overflow:visible;padding:6px;transition:all .2s ease;width:30px}.invoice-table-section .btn-icon svg{stroke-width:2;flex-shrink:0;height:16px;overflow:visible;transition:color .2s ease;width:16px}.invoice-table-section .btn-icon:hover{background:#893c3b;border-color:#893c3b;color:#fff}.invoice-table-section .btn-icon:hover svg{stroke:#fff;color:#fff}.invoice-table-section .btn-icon:active{transform:translateY(0)}.invoice-table-section .btn-icon:disabled{background:#f5f5f5;border-color:#e5e5e5;cursor:not-allowed;opacity:.4}.invoice-table-section .btn-icon:disabled:hover{background:#f5f5f5;border-color:#e5e5e5;color:#666;transform:none}.invoice-table-section .btn-icon:disabled:hover svg{stroke:#666}.invoice-table-section .no-invoices{color:#666;padding:40px 20px;text-align:center}.invoice-table-section .no-invoices p{font-size:14px;margin:0}.invoice-preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.invoice-preview-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:100%}.invoice-preview-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px}.invoice-preview-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.invoice-preview-content{flex:1 1;overflow-y:auto;padding:0}.close-preview{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.close-preview:hover{background:#d32f2f;transform:scale(1.1)}@media (max-width:1024px){.invoice-table-section .invoice-table{font-size:12px}.invoice-table-section .invoice-table td,.invoice-table-section .invoice-table th{padding:8px 6px}.invoice-table-section .btn-icon{height:28px;padding:5px;width:28px}.invoice-table-section .btn-icon svg{height:15px;width:15px}}@media (max-width:768px){.endorsement-controls{align-items:stretch;flex-direction:column}.date-selectors{flex-direction:column}.search-filter-controls{max-width:100%}.status-filters{flex-wrap:wrap;padding:0 10px}.status-filters button{flex:1 1;min-width:calc(50% - 5px)}.invoice-table-section .table-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px 15px}.invoice-table-section .table-header h2{flex:0 0 100%;margin-bottom:4px}.invoice-table-section .table-header .bulk-action-btn{flex:1 1}.invoice-table-section .invoice-table,.invoice-table-section .invoice-table-container{font-size:11px}.invoice-table-section .invoice-table td,.invoice-table-section .invoice-table th{font-size:11px;padding:8px 4px}.invoice-table-section .tutee-name{font-size:12px}.invoice-table-section .tutee-code{font-size:10px}.invoice-table-section .action-buttons{flex-direction:row;gap:3px}.invoice-table-section .btn-icon{height:26px;padding:4px;width:26px}.invoice-table-section .btn-icon svg{height:14px;width:14px}.invoice-preview-overlay{padding:10px}.invoice-preview-modal{max-height:95vh}}@media (max-width:375px){.status-filters button{font-size:13px;padding:10px 12px}.profit-sharing-btn{font-size:13px;padding:10px 16px!important}.invoice-table-section .invoice-table{font-size:10px}.invoice-table-section .invoice-table td,.invoice-table-section .invoice-table th{font-size:10px;padding:6px 3px}.invoice-table-section .btn-icon{height:24px;padding:3px;width:24px}.invoice-table-section .btn-icon svg{height:13px;width:13px}}.submit-attendance{background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.attendance-header{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;box-shadow:0 2px 12px #893c3b26;flex-shrink:0;margin-bottom:1.5rem;padding:1.25rem 2rem}.attendance-header h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .35rem}.attendance-header p{color:#ffffffd9;font-size:.9rem;margin:0}.alert{flex-shrink:0}.attendance-content{grid-gap:1.5rem;align-items:stretch;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 400px;max-height:calc(100vh - 12rem)}.attendance-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow-y:auto;padding:1.75rem}.attendance-form{max-width:600px}.form-group label{color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.75rem 1rem}.form-group select:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500)}.form-row{align-items:start;grid-template-columns:2fr 1fr}.form-row:has(.duration-inputs){grid-template-columns:1fr 1fr 1.5fr}.field-hint{font-style:italic}.submit-button{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:8px;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #893c3b4d;transform:translateY(-2px)}.submit-button:disabled{opacity:.6}.recent-lessons-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;height:100%;max-height:100%;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.recent-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.recent-lessons-section h2{color:#893c3b;color:var(--primary);font-size:1.1rem;font-weight:700;margin:0}.recent-count{background:#893c3b;background:var(--primary);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;min-width:24px;padding:.25rem .65rem;text-align:center}.no-lessons{color:#6b7280;color:var(--gray-500);font-size:.875rem;padding:2rem 1rem;text-align:center}.lessons-list{display:flex;flex:1 1;gap:.875rem;overflow-y:auto;padding-right:.5rem}.lessons-list::-webkit-scrollbar{width:6px}.lessons-list::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:3px}.lessons-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}.lessons-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.lesson-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:.875rem;transition:all .2s}.lesson-item:hover{border-color:#cba763;border-color:var(--accent);box-shadow:0 2px 8px #cba76326}.lesson-main{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);margin-bottom:.625rem;padding-bottom:.625rem}.lesson-tutee-name{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:700;margin-bottom:.25rem}.lesson-subject-name{color:#893c3b;color:var(--primary);font-size:.8rem;font-weight:600}.lesson-meta{grid-gap:.5rem .75rem;display:grid;gap:.5rem .75rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.meta-row{display:flex;flex-direction:column;font-size:.8rem;gap:.125rem}.meta-label{color:var(--gray-600);font-size:.7rem;letter-spacing:.3px;text-transform:uppercase}.meta-value{color:#111827;color:var(--gray-900);font-size:.8rem}.meta-rate{color:#893c3b;color:var(--primary);font-size:.85rem}.mode-badge{border-radius:4px;display:inline-block;font-size:.7rem;padding:.2rem .5rem;width:-webkit-fit-content;width:fit-content}.mode-badge.mode-online{background:#dbeafe;color:#1e40af}.mode-badge.mode-physical{background:#fef3c7;color:#92400e}.lesson-remarks{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);font-size:.75rem;padding-top:.625rem}.remarks-label{color:var(--gray-600);display:block;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.remarks-text{color:#374151;color:var(--gray-700);display:block;font-size:.75rem;line-height:1.5}@media (max-width:1024px){.attendance-content{grid-template-columns:1fr}.recent-lessons-section{max-height:none;position:static}.lessons-list{max-height:500px}}@media (max-width:768px){.submit-attendance{padding:1rem}.attendance-header{padding:1.25rem 1.5rem}.attendance-header h1{font-size:1.5rem}.attendance-form-section{padding:1.25rem}.attendance-form{max-width:100%}.form-row{gap:.75rem;grid-template-columns:1fr 1fr}.form-row:has(.duration-inputs){grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.625rem .75rem}.attendance-form>.form-group:first-child{grid-column:1/-1}.form-group:has(textarea){grid-column:1/-1}.submit-button{grid-column:1/-1}.attendance-form{grid-gap:0 .75rem;display:grid;gap:0 .75rem;grid-template-columns:1fr 1fr}.attendance-form .form-row{display:contents}.recent-lessons-section{padding:1.25rem}.lessons-list{max-height:400px}.recent-header{margin-bottom:1rem}.lesson-item{padding:.875rem}.lesson-tutee-name{font-size:.875rem}.lesson-subject-name{font-size:.8rem}.lesson-meta{gap:.4rem;grid-template-columns:1fr}.meta-row,.meta-value{font-size:.75rem}.meta-rate{font-size:.8rem}}@media (max-width:480px){.submit-attendance{padding:.75rem}.attendance-header{margin-bottom:1rem;padding:1rem 1.25rem}.attendance-header h1{font-size:1.25rem}.attendance-header p{font-size:.85rem}.attendance-form-section{padding:1rem}.attendance-form{grid-gap:0 .65rem;display:grid;gap:0 .65rem;grid-template-columns:1fr 1fr}.attendance-form .form-row{display:contents}.attendance-form>.form-group:first-child{grid-column:1/-1}.form-group:has(textarea){grid-column:1/-1}.submit-button{grid-column:1/-1}.form-group{margin-bottom:.875rem}.form-group label{font-size:.8rem;margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{font-size:.875rem;padding:.6rem .75rem}.duration-inputs{gap:.5rem}.duration-field input{font-size:.875rem;padding:.6rem .5rem;width:100%}.duration-label{font-size:.75rem}.submit-button{font-size:.95rem;margin-top:.5rem;padding:.75rem 1.25rem}.recent-lessons-section{padding:1rem}.lessons-list{max-height:350px}.recent-lessons-section h2{font-size:1.1rem}.recent-count{font-size:.75rem;padding:.2rem .6rem}.lesson-item{padding:.75rem}.lesson-main{margin-bottom:.625rem;padding-bottom:.625rem}.lesson-tutee-name{font-size:.85rem}.lesson-subject-name{font-size:.75rem}.lesson-meta{gap:.35rem;grid-template-columns:1fr}.meta-row{font-size:.7rem}.meta-label{font-size:.65rem}.meta-value{font-size:.7rem}.meta-rate{font-size:.75rem}.mode-badge{font-size:.65rem;padding:.15rem .45rem}.lesson-remarks{padding-top:.5rem}.remarks-label{font-size:.65rem}.remarks-text{font-size:.7rem}}.duration-inputs{align-items:center;display:flex;gap:1rem}.duration-field{align-items:center;display:flex;flex:1 1;gap:.5rem}.duration-field input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s;width:90px}.duration-field input::placeholder{color:var(--gray-400);font-style:italic}.duration-field input:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.duration-label{font-size:.9rem;font-weight:500;white-space:nowrap}@media (max-width:768px){.form-row{grid-template-columns:1fr}.duration-inputs{flex-direction:row;gap:.75rem}.duration-field{justify-content:flex-start}.duration-field input{width:85px}}input[type=time]::-webkit-datetime-edit-millisecond-field,input[type=time]::-webkit-datetime-edit-second-field{display:none}input[type=time]::-webkit-datetime-edit-ampm-field{margin-left:.5rem}input[type=time]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.tutor-profile{background:#f9fafb;background:var(--gray-50);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.profile-badges{align-items:center;gap:.5rem;margin-top:.25rem}.email-icon,.profile-email-row,.profile-header-left,.profile-header-right,.profile-timestamps,.profile-timestamps-new,.status-badge,.timestamp-content,.timestamp-icon,.timestamp-item,.timestamp-item-new,.timestamp-label,.timestamp-value{display:none!important}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-note{align-items:center;background:#dbeafe;border-left:3px solid #3b82f6;border-radius:8px;color:#1e40af;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.25rem}.profile-note svg{color:#3b82f6;flex-shrink:0}.profile-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:2rem}.profile-section h2{border-bottom:3px solid #e5e7eb;border-bottom:3px solid var(--gray-200);color:#893c3b;color:var(--primary);font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;position:relative}.profile-section h2:after{background:linear-gradient(90deg,#893c3b,#cba763);background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.info-item label{display:block;margin-bottom:.5rem}.info-item p{font-size:1rem}.info-item a{color:#893c3b;color:var(--primary);transition:color .3s}.info-item a:hover{color:#a04d4b;color:var(--primary-light)}.education-list{display:flex;flex-direction:column;gap:1.25rem}.education-card{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;padding:1.5rem;transition:all .3s}.education-card:hover{border-color:#cba763;border-color:var(--accent);box-shadow:0 2px 8px #cba76326}.education-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.education-header h3{color:#893c3b;color:var(--primary);font-size:1.1rem;font-weight:600;margin:0}.education-header .year{background:#cba763;background:var(--accent);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.institution{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:500;margin:.5rem 0}.major{color:#374151;color:var(--gray-700);font-size:.95rem;margin:.5rem 0}.grades,.subjects{color:var(--gray-600);font-size:.9rem;margin:.5rem 0}.linkedin-link{color:#893c3b;color:var(--primary);font-size:1rem;text-decoration:none;transition:color .3s}.linkedin-link:hover{color:#a04d4b;color:var(--primary-light);text-decoration:underline}.bio-text{color:#374151;color:var(--gray-700);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.tutor-profile{padding:1rem}.profile-header{padding:1.5rem}.profile-header-main{align-items:center;flex-direction:column;text-align:center}.profile-avatar{font-size:2.25rem;height:85px;width:85px}.profile-header-info{align-items:center}.profile-header-info h1{font-size:1.5rem}.profile-badges{justify-content:center}.profile-timestamps-footer{flex-direction:column;gap:.25rem;text-align:center}.timestamp-separator{display:none}.profile-section{padding:1.5rem}.info-grid{grid-template-columns:1fr!important}}.alert{margin-bottom:1rem;padding:1rem}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.editable-section{position:relative}.btn-edit-corner{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;color:var(--accent-dark,#6c757d);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.btn-edit-corner:hover{background:#f0f0f0;background:var(--sand,#f0f0f0);color:#4a90e2;color:var(--primary-color,#4a90e2);transform:scale(1.1)}.btn-edit-corner svg{transition:transform .3s ease}.editable-section.editing .btn-edit-corner{color:#dc3545;color:var(--danger,#dc3545)}.editable-section.editing .btn-edit-corner:hover{background:#fee2e2;transform:scale(1.1) rotate(90deg)}.editable-section.editing .btn-edit-corner svg{transform:rotate(90deg)}.section-actions{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.btn-save-section{background-color:#4a90e2;background-color:var(--primary-color,#4a90e2);border-radius:6px;font-weight:500;transition:all .2s}.btn-save-section:hover{background-color:#6d2f2e;background-color:var(--primary-dark,#357abd)}.profile-section input,.profile-section select,.profile-section textarea{background:#fff;border:1px solid #ddd;border-radius:6px;color:#111827;color:var(--gray-900);display:block;font-size:.95rem;font-weight:500;min-height:42px;padding:.625rem;transition:border-color .2s;width:100%}.profile-section input:focus,.profile-section select:focus,.profile-section textarea:focus{border-color:#4a90e2;border-color:var(--primary-color,#4a90e2);box-shadow:0 0 0 3px #4a90e21a;outline:none}.profile-section textarea{font-family:inherit;min-height:100px;resize:vertical}.readonly-field{color:#6c757d;font-style:italic}.field-note{color:#6c757d;display:block;font-size:.8rem;margin-top:.25rem}@media (max-width:768px){.tutor-profile{padding:1rem}.profile-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.profile-avatar{height:60px;width:60px}.profile-avatar,.profile-header-info h1{font-size:1.5rem}.profile-section{padding:1rem}.profile-section h2{font-size:1.25rem}.info-grid{gap:1rem;grid-template-columns:1fr}.info-item.full-width{grid-column:1}.education-list{gap:1rem}.education-card{padding:1rem}}@media (max-width:480px){.tutor-profile{padding:.75rem}.profile-header{align-items:center;gap:.75rem;text-align:center}.profile-avatar{height:50px;width:50px}.profile-avatar,.profile-header-info h1{font-size:1.25rem}.profile-email{font-size:.875rem}.status-badge{font-size:.75rem;padding:.25rem .5rem}.profile-section{margin-bottom:.75rem;padding:.75rem}.profile-section h2{font-size:1.1rem}.info-item label,.info-item p{font-size:.875rem}.info-item input,.info-item select,.info-item textarea{font-size:.875rem;padding:.5rem}.btn-edit-corner{height:28px;right:.5rem;top:.5rem;width:28px}.btn-edit-corner svg{height:12px;width:12px}.btn-save-section{padding:.75rem;width:100%}.education-card{padding:.75rem}.education-header h3{font-size:1rem}.education-card p{font-size:.875rem}}.education-section{margin-bottom:1.5rem}.education-entry{border-radius:8px;margin-bottom:1rem;position:relative}.education-entry.editable{box-shadow:0 1px 3px #0000000d;padding:1.5rem}.education-entry h3{color:#893c3b}.btn-remove-education{border:1px solid #fca5a5}.education-form .form-group input,.education-form .form-group select{font-size:.875rem;font-weight:500;transition:border-color .2s}.btn-add-education{background:linear-gradient(135deg,#cba763,#b8954d);display:flex;justify-content:center;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .2s}.btn-add-education svg{height:16px;width:16px}.no-data{background:#f9fafb;border-radius:8px}@media (max-width:768px){.education-form .form-row{grid-template-columns:1fr}}.notification-list-page{background:#fff;min-height:100vh;padding:40px 32px;position:relative}.toast-notification{align-items:center;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 24px;position:fixed;right:24px;top:24px;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast-notification.success{border-left:4px solid #28a745}.toast-notification.error{border-left:4px solid #dc3545}.toast-notification.info{border-left:4px solid #17a2b8}.toast-icon{flex-shrink:0;font-size:20px;font-weight:700}.toast-notification.success .toast-icon{color:#28a745}.toast-notification.error .toast-icon{color:#dc3545}.toast-notification.info .toast-icon{color:#17a2b8}.toast-message{color:#333;font-size:14px;font-weight:500;line-height:1.4}.notification-list-container{margin:0 auto;max-width:1200px}.notification-list-header{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:24px}.notification-list-header h1{color:#1f2937;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.notification-count{color:#6b7280;font-size:15px;font-weight:500;margin:0}.notification-controls{align-items:center;border:none;border-radius:0;box-shadow:none;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.filter-tabs,.notification-controls{background:#0000;display:flex;padding:0}.filter-tabs{border-bottom:2px solid #e5e7eb;border-radius:0;gap:0}.filter-tab{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:0;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .2s ease}.filter-tab:hover{background-color:initial;color:#893c3b}.filter-tab.active{background:#0000;border-bottom-color:#893c3b;box-shadow:none;color:#893c3b}.control-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.sort-dropdown{align-items:center;display:flex;gap:10px}.sort-dropdown label{color:#6b7280;font-size:14px;font-weight:500}.sort-dropdown select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px;transition:all .2s}.sort-dropdown select:hover{border-color:#893c3b}.sort-dropdown select:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a;outline:none}.notification-action-buttons{align-items:center;display:flex;gap:12px}.notif-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.notif-action-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.notif-action-btn:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.mark-read-btn:hover{background:#fff8f5;border-color:#893c3b;color:#893c3b}.clear-read-btn:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}.notification-error{background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:24px;padding:20px;text-align:center}.notification-error p{color:#c33;font-size:14px;margin:0 0 12px}.notification-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;padding:80px 20px;text-align:center}.loading-spinner{height:48px;width:48px}.notification-loading span{color:#666;font-size:16px;font-weight:500}.notification-empty{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.4}.notification-empty h2{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.notification-empty p{color:#999;font-size:14px;margin:0}.notifications-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.notification-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.notification-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.notification-card.unread{background:#fffbf5;border-left:4px solid #cba763}.notification-card-icon{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.notification-card-icon svg{height:24px;width:24px}.notification-card-content{flex:1 1;min-width:0}.notification-card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.notification-card-title{color:#1f2937;flex:1 1;font-size:16px;font-weight:700;line-height:1.4;margin:0}.unread-indicator{color:#cba763;font-size:20px;line-height:1}.notification-card-message{word-wrap:break-word;color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 12px}.notification-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-card-time{color:#9ca3af;font-size:13px;font-weight:500}.meta-divider{color:#d1d5db;font-size:12px}.notification-read-time{color:#10b981;font-size:12px;font-weight:500}.notif-card-actions{display:flex;flex-shrink:0;gap:6px;opacity:0;transition:opacity .2s ease}.notification-card:hover .notif-card-actions{opacity:1}.notif-icon-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.notif-icon-btn:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.notif-icon-btn:active{box-shadow:none;transform:translateY(0)}.notif-icon-btn.mark-read:hover,.notif-icon-btn.mark-unread:hover{background:#fff8f5;border-color:#893c3b;color:#893c3b}.notif-icon-btn.delete-notif:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.notif-icon-btn svg{flex-shrink:0}.pagination{gap:16px;padding:24px 0}.pagination-btn{border:2px solid #893c3b;border-radius:8px;color:#893c3b;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#893c3b}.pagination-btn:disabled{border-color:#ccc;color:#ccc}@media (max-width:768px){.notification-list-page{padding:24px 16px}.toast-notification{left:16px;max-width:none;min-width:auto;right:16px;top:16px}.notification-list-header h1{font-size:24px}.notification-controls{align-items:stretch;flex-direction:column;gap:20px}.filter-tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto;width:100%}.filter-tab{flex:0 0 auto;font-size:14px;padding:10px 20px}.control-actions{align-items:stretch;flex-direction:column;gap:16px;width:100%}.sort-dropdown{justify-content:space-between;width:100%}.sort-dropdown select{flex:1 1}.notification-action-buttons{gap:12px;justify-content:flex-start;width:100%}.notif-action-btn{flex:1 1;justify-content:center}.notification-card{gap:12px;padding:16px}.notification-card-icon{height:40px;width:40px}.notification-card-icon svg{height:20px;width:20px}.notification-card-title{font-size:15px}.notification-card-message{font-size:13px}.notification-card-time{font-size:12px}.pagination{flex-wrap:wrap}.pagination-btn{font-size:13px;padding:8px 16px}}@media (max-width:480px){.notification-list-page{padding:20px 12px}.notification-list-header h1{font-size:22px}.notification-card{padding:14px}.notification-card-actions{flex-direction:column;gap:4px}.notification-action-buttons{align-items:stretch;flex-direction:column}.notif-action-btn{justify-content:center;width:100%}}.notification-preferences{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:2rem}.preferences-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.preferences-header h2{color:#893c3b;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.preferences-subtitle{color:#666;font-size:.95rem;margin:0}.preferences-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;margin-bottom:1rem}.preferences-loading p{color:#666;font-size:.95rem}.alert{font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-icon{font-size:1.25rem}.alert-success{color:#3a3}.preferences-content,.preferences-section{margin-bottom:2rem}.section-title{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.section-description{color:#666;font-size:.9rem;margin:0 0 1.5rem}.preferences-list{display:flex;flex-direction:column;gap:1rem}.preference-item{align-items:flex-start;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.preference-item:hover{background:#f5f5f5;border-color:#d0d0d0}.preference-info{flex:1 1;min-width:0}.preference-title{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.preference-description{color:#666;font-size:.875rem;line-height:1.5;margin:0}.preference-toggles{display:flex;flex-shrink:0;gap:1.5rem}.toggle-group,.toggle-label{align-items:center;display:flex;flex-direction:column;gap:.5rem}.toggle-label{cursor:pointer}.toggle-text{color:#666;font-size:.875rem;font-weight:500;text-align:center}.toggle-switch{background-color:#ccc;border:none;border-radius:13px;height:26px;padding:0;position:relative;transition:background-color .3s ease;width:48px}.toggle-switch:hover{background-color:#bbb}.toggle-switch.active{background-color:#893c3b}.toggle-switch.active:hover{background-color:#7a3534}.toggle-slider{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.toggle-switch.active .toggle-slider{transform:translateX(22px)}.preferences-info-box{background:#f8f9fa;border:1px solid #e5e5e5;border-left:4px solid #cba763;border-radius:6px;display:flex;gap:1rem;margin-top:2rem;padding:1.25rem}.info-icon{flex-shrink:0;font-size:1.5rem}.info-content h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .75rem}.info-content ul{list-style-type:disc;margin:0;padding-left:1.25rem}.info-content li{color:#666;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.info-content li:last-child{margin-bottom:0}.info-content strong{color:#333;font-weight:600}.preferences-footer{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:1.5rem}.btn-save{align-items:center;background-color:#893c3b;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.btn-save:hover:not(:disabled){background-color:#7a3534;box-shadow:0 4px 8px #893c3b4d}.btn-save:active:not(:disabled){box-shadow:0 2px 4px #893c3b4d;transform:translateY(0)}.btn-save:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .6s linear infinite;height:16px;width:16px}@media (max-width:768px){.notification-preferences{margin:1rem;padding:1.5rem}.preferences-header h2{font-size:1.5rem}.preference-item{flex-direction:column;gap:1rem}.preference-toggles{justify-content:space-around;width:100%}.preferences-info-box{flex-direction:column;gap:.75rem}.preferences-footer{justify-content:stretch}.btn-save{justify-content:center;width:100%}}@media (max-width:480px){.notification-preferences{border-radius:0;margin:.5rem;padding:1rem}.preferences-header{padding-bottom:1rem}.preferences-header h2{font-size:1.25rem}.preference-item{padding:1rem}.preference-title{font-size:.95rem}.preference-description,.toggle-text{font-size:.8rem}.toggle-switch{height:24px;width:44px}.toggle-slider{height:18px;width:18px}.toggle-switch.active .toggle-slider{transform:translateX(20px)}}.modal-content{box-shadow:0 10px 30px #0000004d;max-width:600px}.modal-header{border-bottom:1px solid #dee2e6;padding:20px 30px}.modal-title{color:#893c3b;font-size:24px;font-weight:700;margin:0}.modal-close{font-size:24px;height:30px;transition:background-color .3s;width:30px}.modal-close:hover{background-color:#f8f9fa}.modal-body{padding:30px}.form-group label.required:after{color:#e74c3c;content:" *"}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#893c3b;box-shadow:0 0 0 2px #893c3b1a}.form-help{color:#666}.form-error,.form-help{font-size:12px;margin-top:5px}.form-error{color:#e74c3c}.amount-input{position:relative}.amount-input input{padding:12px}.modal-footer{border-top:1px solid #dee2e6;padding:20px 30px}.btn{min-width:100px}.btn-primary:hover:not(:disabled){background-color:#6d2e2d}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:8px;width:16px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px}.character-counter{color:#666;font-size:12px;margin-top:5px;text-align:right}.character-counter.warning{color:#f39c12}.character-counter.error{color:#e74c3c}@media (max-width:768px){.modal-overlay{padding:10px}.modal-body,.modal-footer,.modal-header{padding:20px}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn{width:100%}}.label-with-tooltip{align-items:center;display:flex;gap:5px}.tooltip-container{display:inline-block;position:relative}.tooltip-icon{align-items:center;background-color:#6c757d;border-radius:50%;color:#fff;cursor:help;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;width:16px}.tooltip-text{background-color:#333;border-radius:4px;bottom:125%;color:#fff;font-size:12px;left:50%;line-height:1.4;margin-left:-100px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1000}.tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.instructions-section{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin-bottom:25px;padding:15px}.instructions-title{color:#06c;font-size:14px;font-weight:600;margin-bottom:10px}.instructions-list{color:#333;margin:0;padding-left:20px}.instructions-list li{font-size:13px;line-height:1.4;margin-bottom:5px}.modal-actions{gap:10px;padding:20px 30px}.field-with-error{position:relative}.field-error-tooltip{background-color:#dc3545;border-radius:4px;box-shadow:0 2px 4px #0003;font-size:12px;padding:5px 8px;top:-35px}.field-error-tooltip:after{border:5px solid #0000;border-top-color:#dc3545;content:"";left:10px;position:absolute;top:100%}.form-group input.error,.form-group select.error,.form-group textarea.error{box-shadow:0 0 0 2px #dc35451a}.claim-detail-modal .modal-content{max-width:800px}.claim-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.claim-detail-title{flex:1 1}.claim-detail-title h2{color:#893c3b;font-size:24px;margin:0 0 5px}.claim-detail-subtitle{color:#666;font-size:14px;margin:0}.claim-status-large{border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.claim-status-large.pending{background-color:#fff3cd;color:#856404}.claim-status-large.approved{background-color:#d4edda;color:#155724}.claim-status-large.rejected{background-color:#f8d7da;color:#721c24}.claim-status-large.cancelled{background-color:#e2e3e5;color:#383d41}.claim-detail-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.claim-detail-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.claim-detail-section h3{border-bottom:2px solid #893c3b;color:#893c3b;font-size:18px;margin:0 0 15px;padding-bottom:10px}.detail-row{align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px 0}.detail-row:last-child{margin-bottom:0}.detail-label{flex:0 0 120px}.detail-value{color:#666;flex:1 1;text-align:right}.detail-value.amount{color:#893c3b;font-size:18px;font-weight:600}.detail-value.type{background:#e9ecef;border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.claim-reason{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:30px;padding:20px}.claim-reason h3{color:#893c3b;font-size:18px;margin:0 0 15px}.claim-reason-text{color:#333;line-height:1.6;margin:0;white-space:pre-wrap}.approval-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:30px;padding:20px}.approval-section h3{color:#893c3b;font-size:18px;margin:0 0 20px}.approval-progress-large{align-items:center;display:flex;gap:15px;margin-bottom:20px}.progress-bar-large{background-color:#e9ecef;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.progress-fill-large{background-color:#27ae60;height:100%;transition:width .3s}.progress-text-large{color:#333;font-size:16px;font-weight:600;white-space:nowrap}.approvals-list{margin-top:20px}.approval-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:12px 0}.approval-item:last-child{border-bottom:none}.approval-info{flex:1 1}.approval-name{color:#333;font-weight:600;margin-bottom:4px}.approval-date{color:#666;font-size:12px}.approval-status{border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.approval-status.approved{background-color:#d4edda;color:#155724}.approval-notes{color:#666;font-size:13px;font-style:italic;margin-top:8px}.cancellation-section,.rejection-section{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:30px;padding:20px}.cancellation-section{background:#e2e3e5;border:1px solid #d6d8db}.cancellation-section h3,.rejection-section h3{color:#721c24;font-size:18px;margin:0 0 15px}.cancellation-section h3{color:#383d41}.cancellation-info,.rejection-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.cancellation-by,.rejection-by{color:#721c24;font-weight:600}.cancellation-by{color:#383d41}.cancellation-date,.rejection-date{color:#721c24;font-size:14px}.cancellation-date{color:#383d41}.cancellation-reason,.rejection-reason{color:#721c24;line-height:1.6;margin:0;white-space:pre-wrap}.cancellation-reason{color:#383d41}.claim-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.claim-actions .btn{min-width:120px}.btn-approve:hover:not(:disabled){background-color:#219a52}.btn-reject:hover:not(:disabled){background-color:#c0392b}.btn-cancel-claim{background-color:#95a5a6;color:#fff}.btn-cancel-claim:hover:not(:disabled){background-color:#7f8c8d}.payment-adjustment-info{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:30px;padding:20px}.payment-adjustment-info h3{color:#155724;font-size:18px;margin:0 0 15px}.payment-adjustment-info p{color:#155724;line-height:1.6;margin:0}@media (max-width:768px){.claim-detail-grid{gap:20px;grid-template-columns:1fr}.claim-detail-header{flex-direction:column;gap:15px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-label{flex:none}.detail-value{text-align:left}.approval-item,.approval-progress-large{flex-direction:column;gap:10px}.approval-item{align-items:flex-start}.cancellation-info,.rejection-info{align-items:flex-start;flex-direction:column;gap:5px}.claim-actions{flex-direction:column}}.claims-management{margin:0 auto;max-width:1200px;padding:20px}.claims-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.claims-title{color:#893c3b;font-size:28px;font-weight:700;margin:0}.claims-actions{align-items:center;display:flex;gap:10px}.btn-primary{background-color:#893c3b;border-radius:5px;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn-primary:hover{background-color:#6d2e2d}.btn-secondary{background-color:#cba763;border:none;border-radius:5px;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn-secondary:hover{background-color:#a8894f}.claims-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filters-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{font-weight:500}.filter-group input,.filter-group select{border:1px solid #ddd}.filter-group input:focus,.filter-group select:focus{border-color:#893c3b}.claims-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card.pending{border-left:4px solid #f39c12}.stat-card.pending .stat-amount,.stat-card.pending .stat-label,.stat-card.pending .stat-value{font-style:normal}.stat-card.approved{border-left:4px solid #27ae60}.stat-card.rejected{border-left:4px solid #e74c3c}.stat-card.cancelled{border-left:4px solid #95a5a6}.stat-value{margin-bottom:5px}.stat-amount{color:#888;font-size:12px;margin-top:5px}.claims-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.claims-table{border-collapse:collapse;width:100%}.claims-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:15px 12px;text-align:left}.claims-table td{border-bottom:1px solid #dee2e6;padding:15px 12px;vertical-align:middle}.claims-table .item-name{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claims-table tr:hover{background-color:#f8f9fa}.status-badge{border-radius:20px;padding:4px 12px}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.approved{background-color:#d4edda;color:#155724}.status-badge.rejected{background-color:#f8d7da;color:#721c24}.status-badge.cancelled{background-color:#e2e3e5;color:#383d41}.type-badge{background-color:#e9ecef;color:#495057;font-weight:500}.amount{color:#893c3b;font-weight:600}.amount.positive{color:#27ae60}.amount.negative{color:#e74c3c}.action-buttons{display:flex;gap:5px}.btn-sm{border:none;border-radius:3px;cursor:pointer;padding:5px 10px;transition:all .3s}.btn-approve{background-color:#27ae60;color:#fff}.btn-approve:hover{background-color:#219a52}.btn-reject{background-color:#e74c3c;color:#fff}.btn-reject:hover{background-color:#c0392b}.btn-view{background-color:#3498db;color:#fff}.btn-view:hover{background-color:#2980b9}.btn-cancel{background-color:#95a5a6}.btn-cancel:hover{background-color:#7f8c8d}.approval-progress{align-items:center;display:flex;gap:10px}.progress-bar{background-color:#e9ecef;border-radius:3px;flex:1 1;height:6px}.progress-fill{background-color:#27ae60;transition:width .3s}.progress-text{color:#666;font-size:12px;white-space:nowrap}.pagination{gap:10px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 12px;transition:all .3s}.pagination button:hover:not(:disabled){background-color:#f8f9fa;border-color:#893c3b}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{background-color:#893c3b;border-color:#893c3b;color:#fff}.empty-state{color:#666}.empty-state-icon{color:#ddd;font-size:48px;margin-bottom:20px}.empty-state h3{color:#333;margin-bottom:10px}.loading-state{color:#666;padding:40px}.loading-spinner{margin:0 auto 20px}@media (max-width:768px){.claims-management{padding:15px}.claims-header{align-items:stretch;flex-direction:column}.claims-actions{justify-content:center}.filters-row{grid-template-columns:1fr}.claims-stats{grid-template-columns:repeat(2,1fr)}.claims-table-container{overflow-x:auto}.claims-table{min-width:800px}.action-buttons{flex-direction:column}}@media (max-width:480px){.claims-stats{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:5px}}.page-header{border-bottom:2px solid #e0e0e0;padding-bottom:20px}.page-header-title{color:#2c3e50;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.page-header-subtitle{color:#6c757d;font-size:14px;font-weight:400;line-height:1.5;margin:0}.page-header.with-background{background:linear-gradient(135deg,#c17a74,#b8736d);border-bottom:none;border-radius:12px;margin-bottom:30px;padding:24px 28px}.page-header.with-background .page-header-title{color:#fff}.page-header.with-background .page-header-subtitle{color:#ffffffe6}.page-header-with-actions{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.page-header-with-actions.with-background{background:linear-gradient(135deg,#c17a74,#b8736d);border-bottom:none;border-radius:12px;padding:24px 28px}.page-header-with-actions.with-background .page-header-title{color:#fff}.page-header-with-actions.with-background .page-header-subtitle{color:#ffffffe6}.page-header-content{flex:1 1}.page-header-actions{align-items:center;display:flex;gap:10px}.filter-controls-section{margin-bottom:25px}.filter-controls-section .filter-controls{align-items:center;display:flex;gap:10px}@media (max-width:768px){.page-header-title{font-size:24px}.page-header-subtitle{font-size:13px}.page-header.with-background{padding:20px 24px}.page-header-with-actions{flex-direction:column;gap:15px}.page-header-actions{justify-content:flex-start;width:100%}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 2rem;text-align:center}.spinner{margin-bottom:1.5rem}.loading-text{animation:fadeInOut 2s ease-in-out infinite;color:#6b7280;font-size:1.125rem;font-weight:600;margin:0}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.loading-spinner-container{min-height:250px;padding:2rem 1rem}.spinner{height:40px;width:40px}.loading-text{font-size:1rem}}.error-message-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 2rem;text-align:center}.error-icon{animation:shake .5s ease-in-out;margin-bottom:1.5rem}.error-content{max-width:500px}.error-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.error-text{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.error-retry-button{align-items:center;background-color:#893c3b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;min-height:44px;min-width:44px;padding:.75rem 1.5rem;transition:all .2s ease}.error-retry-button:hover{background-color:#6d2f2e;box-shadow:0 4px 12px #893c3b4d;transform:translateY(-1px)}.error-retry-button:active{box-shadow:0 2px 6px #893c3b4d;transform:translateY(0)}.error-retry-button:focus{outline:2px solid #893c3b;outline-offset:2px}.error-retry-button svg{flex-shrink:0}@media (max-width:768px){.error-message-container{min-height:250px;padding:2rem 1rem}.error-title{font-size:1.25rem}.error-text{font-size:.9375rem}.error-retry-button{justify-content:center;width:100%}}.finance-ic-invoice-management{background-color:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.page-header{background:linear-gradient(135deg,#893c3b,#a04544);border-radius:8px;box-shadow:0 2px 4px #893c3b33;margin-bottom:30px;padding:20px}.page-header h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.page-header .subtitle{color:#ffffffe6;font-size:16px;margin:0}.view-mode-switcher{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:8px;width:-webkit-fit-content;width:fit-content}.view-mode-btn{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.view-mode-btn:hover{border-color:#893c3b;color:#893c3b}.view-mode-btn.active{background:#893c3b;border-color:#893c3b;color:#fff}.filters-section{border-left:4px solid #893c3b;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;padding:24px}.filter-group{min-width:160px}.filter-group label{color:#374151;letter-spacing:.5px;text-transform:uppercase}.filter-group select{border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;font-weight:500;padding:10px 14px;transition:all .2s ease}.filter-group select:hover{border-color:#d1d5db}.filter-group select:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a}.btn-clear-filters{align-self:flex-end;background:#6b7280;border:none;border-radius:6px;color:#fff;padding:10px 20px;transition:all .2s ease}.btn-clear-filters:hover{background:#4b5563}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026}.stat-label{color:#6c757d;margin-bottom:8px}.stat-value{color:#2c3e50;font-size:32px}.stat-value.warning{color:#e74c3c}.download-all-section{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-download-all-subtle{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-download-all-subtle:hover{background:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.btn-download-all-subtle svg{flex-shrink:0}.table-container{border:1px solid #ddd;margin-bottom:20px;overflow:hidden}.invoices-table{border-collapse:collapse;font-size:14px;width:100%}.invoices-table thead{background:#f5f5f5}.invoices-table th{border-bottom:2px solid #ccc;color:#333;font-size:13px;font-weight:600;padding:12px 10px;text-align:left}.invoices-table tbody tr{border-bottom:1px solid #eee}.invoices-table tbody tr:hover{background:#fafafa}.invoices-table tbody tr.overdue-row{background:#fff5f5}.invoices-table tbody tr.overdue-row:hover{background:#ffe5e5}.invoices-table td{color:#333;font-size:14px;padding:12px 10px;text-align:left;vertical-align:top}.invoice-number-cell{color:#333;font-weight:500}.parent-info{line-height:1.5}.parent-info>div:first-child{display:block;font-weight:500}.parent-phone{color:#777;display:block;font-size:12px}.amount,.overdue-date{font-weight:500}.overdue-date{color:#d00}.overdue-label{color:#d00;display:block;font-size:11px;font-weight:700;margin-top:4px}.status-badge{color:#333;font-size:13px;font-weight:500}.payment-status-badge{font-size:13px;font-weight:500;text-transform:capitalize}.payment-status-badge.payment-unpaid{color:#dc2626!important}.payment-status-badge.payment-paid{color:#0a0}.payment-status-badge.payment-partial{color:#f80}.payment-status-paid-info{display:inline-block}.payment-status-paid-info .payment-status-badge{font-weight:500}.action-buttons-v2{display:flex;gap:6px}.btn-icon-v2{align-items:center;background:#fff;border:1px solid #ddd;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.btn-icon-v2:hover{background:#f5f5f5;border-color:#bbb}.btn-icon-v2 svg{color:#666;height:14px;width:14px}.btn-icon-v2:focus{box-shadow:0 0 0 2px #893c3b33;outline:none}.btn-page{background:linear-gradient(135deg,#893c3b,#a04544);border:none;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-page:hover:not(:disabled){background:linear-gradient(135deg,#7a3534,#8f3d3c);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.btn-page:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.page-info{color:#666;font-size:14px;font-weight:500}.success-message{background:#d1e7dd;border-left:4px solid #0f5132;color:#0f5132;font-weight:600;margin-bottom:20px;padding:15px 20px}.no-data{color:#666;padding:60px 20px}.no-data p{font-size:16px}@media (max-width:1200px){.invoices-table{font-size:13px}.invoices-table td,.invoices-table th{padding:10px 8px}}@media (max-width:768px){.finance-ic-invoice-management{padding:15px}.filters-section{flex-direction:column}.filter-group{min-width:100%}.summary-stats{grid-template-columns:repeat(2,1fr)}.download-all-section{justify-content:center}.btn-download-all-subtle{justify-content:center;width:100%}.table-container{overflow-x:auto}.invoices-table{min-width:900px}.action-buttons{flex-direction:column}.btn-download-all{justify-content:center;width:100%}}@media (max-width:480px){.summary-stats{grid-template-columns:1fr}.stat-value{font-size:28px}}.tutor-dashboard{background-color:#f5f5f5;min-height:100vh}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem}@media (max-width:768px){.dashboard-content{padding:1rem}}@media (max-width:480px){.dashboard-content{padding:.5rem}}:root{--primary-maroon:#893c3b;--accent-gold:#f4d03f;--white:#fff;--light-overlay:#ffffff1a;--hover-overlay:#ffffff26;--text-light:#ffffffe6;--text-muted:#ffffffb3;--shadow:#0000001a;--dropdown-bg:#fff;--dropdown-hover:#f5f5f5;--dropdown-text:#333;--navbar-title-size:1.25rem;--navbar-title-weight:600;--tab-text-size:1rem;--tab-text-weight:500;--tab-text-active-weight:600;--user-name-size:0.9rem;--user-name-weight:500;--dropdown-item-size:0.95rem;--dropdown-item-weight:400;--navbar-padding:1rem 2rem;--tab-gap:0.75rem;--user-section-gap:1rem;--dropdown-padding:0.5rem 0;--dropdown-item-padding:0.75rem 1.25rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--dropdown-slide:0.25s cubic-bezier(0.4,0,0.2,1)}.admin-navbar{background-color:#893c3b;background-color:var(--primary-maroon);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow);color:#fff;color:var(--white);justify-content:space-between;min-height:60px;padding:1rem 2rem;padding:var(--navbar-padding)}.admin-navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:.75rem}.navbar-logo{height:45px;object-fit:contain;width:auto}.navbar-title{color:#fff;color:var(--white);font-size:1.25rem;font-size:var(--navbar-title-size);font-weight:600;font-weight:var(--navbar-title-weight);line-height:1}.navbar-brand h2{font-size:1.5rem;line-height:1.5rem;margin:0;padding:0}.navbar-brand h2,.navbar-tabs{align-items:center;display:flex}.navbar-tabs{gap:.75rem;gap:var(--tab-gap)}.navbar-tabs button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#ffffffe6;color:var(--text-light);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--tab-text-size);font-weight:500;font-weight:var(--tab-text-weight);gap:.4rem;justify-content:center;line-height:1rem;padding:.5rem 1rem;transition:all .2s ease;transition:all var(--transition-fast)}.navbar-tabs button .nav-icon{font-size:1.1rem;line-height:1}.navbar-tabs button:hover{background-color:#ffffff26;background-color:var(--hover-overlay)}.navbar-tabs button.active{background:#0000;border-bottom-color:#f4d03f;border-bottom-color:var(--accent-gold);color:#fff;color:var(--white);font-weight:600;font-weight:var(--tab-text-active-weight)}.navbar-tabs button:focus{outline:none}.navbar-tabs button:focus-visible{outline:2px solid #ffffff80;outline-offset:2px}.navbar-user{gap:1rem;gap:var(--user-section-gap)}.hamburger-menu,.navbar-user{align-items:center;display:flex}.hamburger-menu{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:background .2s ease}.hamburger-menu:hover{background:#ffffff26;background:var(--hover-overlay)}.hamburger-menu:focus{outline:none}.hamburger-menu:focus-visible{outline:2px solid #ffffff80;outline-offset:2px}.hamburger-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger-icon span{background-color:#fff;background-color:var(--white);display:block;height:2px;transform-origin:center;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.hamburger-icon.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-drawer-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;transition:opacity var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:998}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{background-color:#fff;background-color:var(--white);box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;height:100vh;max-width:85vw;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .25s cubic-bezier(.4,0,.2,1);transition:right var(--dropdown-slide);width:280px;z-index:999}.mobile-drawer.open{right:0}.mobile-drawer-header{background-color:#893c3b;background-color:var(--primary-maroon);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--light-overlay);color:#fff;color:var(--white);padding:1.5rem 1rem}.mobile-user-info{display:flex;flex-direction:column;gap:.25rem}.mobile-user-name{font-size:1.1rem;font-weight:600}.mobile-user-role{color:#ffffffb3;color:var(--text-muted);font-size:.875rem}.mobile-drawer-nav{flex:1 1;padding:1rem 0}.mobile-drawer-nav button{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#333;color:var(--dropdown-text);cursor:pointer;display:flex;font-size:1rem;font-size:var(--tab-text-size);font-weight:500;font-weight:var(--tab-text-weight);min-height:44px;padding:1rem 1.5rem;text-align:left;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.mobile-drawer-nav button:hover{background-color:#f5f5f5;background-color:var(--dropdown-hover)}.mobile-drawer-nav button.active{background-color:#f9f9f9;border-left-color:#f4d03f;border-left-color:var(--accent-gold);color:#893c3b;color:var(--primary-maroon);font-weight:600;font-weight:var(--tab-text-active-weight)}.mobile-drawer-nav button:focus{outline:none}.mobile-drawer-nav button:focus-visible{background-color:#f5f5f5;background-color:var(--dropdown-hover);outline:2px solid #893c3b;outline:2px solid var(--primary-maroon);outline-offset:-2px}.mobile-drawer-divider{background-color:#e0e0e0;height:1px;margin:.5rem 0}.mobile-drawer-footer{border-top:1px solid #e0e0e0;padding:1rem}.mobile-logout-btn{background-color:#893c3b;background-color:var(--primary-maroon);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-size:var(--tab-text-size);font-weight:500;font-weight:var(--tab-text-weight);min-height:44px;padding:.875rem 1rem;transition:background-color .2s ease;transition:background-color var(--transition-fast);width:100%}.mobile-logout-btn:hover{background-color:#6f302f}.mobile-logout-btn:focus{outline:none}.mobile-logout-btn:focus-visible{outline:2px solid #f4d03f;outline:2px solid var(--accent-gold);outline-offset:2px}.navbar-user-mobile{align-items:center;display:flex;gap:.5rem}@media (max-width:767px){.admin-navbar{padding:.75rem 1rem;position:relative}.navbar-brand{flex:1 1}.navbar-logo{height:35px}.navbar-title{font-size:1rem}.navbar-tabs,.navbar-user{display:none}}@media (max-width:480px){.admin-navbar{padding:.5rem .75rem}.navbar-logo{height:30px}.navbar-title{font-size:.875rem}.mobile-drawer{max-width:100vw;width:100%}}.admin-tutors{background:#f9fafb;background:var(--gray-50);margin:0 auto;max-width:1600px;min-height:100vh;padding:1.5rem}.admin-tutors .page-header .subtitle{color:#fffffff2;font-size:.875rem;font-weight:500;margin:0}.tutor-form-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tutor-form-popup{animation:slideUp .3s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.tutors-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.tutors-table{border-collapse:collapse;min-width:1200px;table-layout:fixed;width:100%}.tutors-table th:first-child{width:40px}.tutors-table th:nth-child(2){width:16%}.tutors-table th:nth-child(3){width:8%}.tutors-table th:nth-child(4){width:18%}.tutors-table th:nth-child(5){width:20%}.tutors-table th:nth-child(6),.tutors-table th:nth-child(7){width:10%}.tutors-table th:nth-child(8){width:8%}.tutors-table th:nth-child(9){width:140px}tbody td{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}tbody td:nth-child(4){word-break:break-word}tbody td:nth-child(4),tbody td:nth-child(5){line-height:1.4;max-width:0;overflow-wrap:break-word}tbody td:nth-child(5){word-wrap:break-word}tbody td:nth-child(9){overflow:visible;padding:.75rem .5rem;white-space:nowrap}.tutor-info{gap:.75rem}.tutor-avatar,.tutor-info{align-items:center;display:flex}.tutor-avatar{background:linear-gradient(135deg,#c97d60,#a85a44);background:linear-gradient(135deg,var(--terracotta) 0,var(--rust) 100%);border-radius:8px;color:#fff;flex-shrink:0;font-size:.95rem;font-weight:700;height:34px;justify-content:center;width:34px}.tutor-name{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}.tutor-meta{color:#6b7280;color:var(--gray-500);font-size:.8rem;margin-top:.2rem}.education-info{max-width:100%;overflow:hidden}.education-level,.education-school{word-wrap:break-word;line-height:1.3;overflow-wrap:break-word}.admin-tutors .action-buttons{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.15rem;justify-content:center!important;min-width:0;pointer-events:auto;width:100%}.btn-action{height:32px!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.btn-action svg{height:16px;width:16px}.btn-reactivate{color:#059669!important;transition:all .2s ease}.btn-reactivate:hover{background:#d1fae5!important;box-shadow:0 2px 8px #0596694d;color:#047857!important;transform:scale(1.1)}@media (max-width:1024px){.admin-tutors{padding:1.25rem}.controls-bar{flex-wrap:wrap}.search-box{flex:1 1 100%;max-width:none}}@media (max-width:768px){.admin-tutors{padding:1rem}.page-header{padding:1rem 1.25rem}.header-title h1{font-size:1.25rem}.admin-tutors .page-header .subtitle{font-size:.8rem}.form-row{grid-template-columns:1fr}.controls-bar{flex-wrap:wrap}.search-box{flex:1 1 100%;order:1}.controls-right{flex:1 1 100%;justify-content:space-between;order:2}.tutors-table-container{overflow-x:auto}.tutors-table{min-width:1200px}.tutor-form-popup{max-height:95vh;width:95%}form{padding:1.5rem}}.status-badge{line-height:1!important}.fab-menu-item{min-width:165px}.tutors-table input[type=checkbox]{accent-color:#893c3b;cursor:pointer;height:18px;width:18px}.tutors-table thead input[type=checkbox]{height:18px;width:18px}.text-center{text-align:center}.assignments-cell{gap:.5rem}.assignments-cell,.stat-badge{align-items:center;display:inline-flex;justify-content:center}.stat-badge{border-radius:12px;font-size:.85rem;font-weight:600;gap:.35rem;height:26px;min-width:32px;padding:.25rem .65rem;transition:all .2s ease}.stat-badge svg{flex-shrink:0;opacity:.8}.stat-badge.tutee-count{background:#3b82f61f;border:1px solid #3b82f640;color:#1e40af}.stat-badge.tutee-count:hover{background:#3b82f62e;border-color:#3b82f659}.stat-badge.lessons-count{background:#10b9811f;border:1px solid #10b98140;color:#065f46}.stat-badge.lessons-count:hover{background:#10b9812e;border-color:#10b98159}.stat-divider{color:#d1d5db;color:var(--gray-300);font-size:.9rem;font-weight:400}.text-muted{font-style:italic}.tutor-code{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;color:#92400e;display:inline-block;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.25rem .625rem}.finance-ic-modal{max-width:1200px;width:95%}.finance-ic-modal .modal-body{overflow:visible;padding:0}.finance-ic-modal .modal-header{padding:.75rem 1rem}.finance-ic-modal .modal-tabs{padding:0 .75rem}.finance-ic-list{border:none;border-radius:0;height:calc(90vh - 200px);overflow-y:auto}.finance-ic-item{grid-gap:16px;align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:grid;gap:16px;grid-template-columns:120px 1fr auto;padding:16px;transition:background .2s ease}.finance-ic-item:last-child{border-bottom:none}.finance-ic-item:hover{background:#f9fafb;background:var(--gray-50)}.finance-ic-item .tutor-name{color:#111827;color:var(--gray-900);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-ic-item .tutor-email{overflow:hidden;text-overflow:ellipsis}.finance-ic-item .toggle-btn,.finance-ic-item .tutor-email{color:#4b5563;color:var(--gray-600);font-size:13px;white-space:nowrap}.finance-ic-item .toggle-btn{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:6px;cursor:pointer;font-weight:600;min-width:90px;padding:6px 16px;transition:all .2s ease}.finance-ic-item .toggle-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.finance-ic-item .toggle-btn.active{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.finance-ic-item .toggle-btn.active:hover{background:#059669;border-color:#059669}@media (max-width:768px){.finance-ic-item{gap:8px;grid-template-columns:1fr}.finance-ic-item .toggle-btn{justify-self:start}}.paynow-form{padding:.75rem}.paynow-form h4{color:#111827;color:var(--gray-900);font-size:18px;margin:0 0 8px}.paynow-form .form-description{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0 0 24px}.paynow-form .form-group{margin-bottom:20px}.paynow-form .form-group label{color:#374151;color:var(--gray-700);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.paynow-form .form-group input{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.paynow-form .form-group input:focus{border-color:#893c3b;border-color:var(--primary);outline:none}.paynow-form .form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.paynow-form .btn-primary,.paynow-form .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.paynow-form .btn-primary{background:#893c3b;background:var(--primary);color:#fff}.paynow-form .btn-primary:hover{background:#6d2f2e;background:var(--primary-dark)}.paynow-form .btn-secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.paynow-form .btn-secondary:hover{background:#d1d5db;background:var(--gray-300)}.modal-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;margin-bottom:1.5rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem 1rem;transition:all .2s}.tab-btn:hover{background:#f9fafb;background:var(--gray-50)}.tab-btn.active,.tab-btn:hover{color:#893c3b;color:var(--primary)}.tab-btn.active{border-bottom-color:#893c3b;border-bottom-color:var(--primary);font-weight:600}.assign-tutees-tab{display:flex;flex-direction:column;gap:.75rem;height:100%;padding:.75rem}.finance-ic-selector select{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px}.finance-ic-selector select:focus{border-color:#893c3b;border-color:var(--primary);box-shadow:0 0 0 3px #893c3b1a}.current-assignments{padding:.75rem}.current-assignments h4{margin:0 0 .75rem}.assigned-tutees-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.tutee-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.tutee-item span{color:#374151;color:var(--gray-700);font-size:.9rem}.btn-remove{background:#ef4444;background:var(--danger-light)}.unassigned-tutees{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:.75rem}.unassigned-tutees h4{color:#1f2937;color:var(--gray-800);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.tutees-selection-list{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:calc(90vh - 500px);min-height:300px;overflow-y:auto;padding:.5rem}.tutee-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .2s}.tutee-checkbox:hover{background:#fff}.tutee-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.tutee-checkbox span{color:#374151;color:var(--gray-700);font-size:.875rem}.stat-value{font-size:1rem}.family-card{border:2px solid #e5e7eb;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;max-width:100%;padding:24px}.family-card:hover{border-color:#893c3b;box-shadow:0 4px 16px #893c3b26;transform:translateY(-2px)}.family-card:focus{outline:3px solid #893c3b;outline-offset:2px}.family-card-header{align-items:flex-start;flex-wrap:wrap;gap:16px}.family-code{font-size:1.5rem;letter-spacing:-.02em;line-height:1.2}.family-revenue-badge{align-items:center;background:#0000;border:2px solid #893c3b;border-radius:8px;color:#893c3b;display:flex;flex-direction:column;font-size:1.125rem;font-weight:700;gap:2px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.revenue-label{color:#893c3b;font-size:.625rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.family-parent-info{display:flex;flex-direction:column;gap:8px}.parent-name{color:#1f2937;font-size:1.25rem;font-weight:600;line-height:1.3}.parent-contact{display:flex;flex-direction:column;gap:4px}.parent-email,.parent-phone{color:#6b7280;font-size:.875rem;font-weight:400;line-height:1.5}.contact-label{color:#4b5563;font-weight:600;margin-right:4px}.family-stats-grid{grid-gap:16px;background:#f9fafb;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px}.stat-item{gap:4px}.stat-label{font-size:.75rem;letter-spacing:.05em}.family-tutees-section{display:flex;flex-direction:column;gap:12px}.tutees-label{color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.tutees-chips{display:flex;flex-wrap:wrap;gap:8px}.tutee-chip{background:#f3f4f6;border:1px solid #d1d5db;box-sizing:border-box;flex-direction:column;gap:4px;height:44px;justify-content:center;min-height:44px;min-width:120px;padding:12px;width:-webkit-fit-content;width:fit-content}.tutee-chip.inactive{background:#f9fafb;border:1px dashed #9ca3af;opacity:.7}.tutee-chip:hover{background:#e5e7eb;border-color:#893c3b;transform:scale(1.02)}.tutee-chip.inactive:hover{background:#f3f4f6;opacity:.85}.tutee-chip:focus{outline:2px solid #893c3b;outline-offset:2px}.tutee-name{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:1rem;gap:6px;line-height:1.3}.inactive-badge{background:#e5e7eb;border-radius:4px;color:#6b7280;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.tutee-level{align-self:flex-start;background:#cba763;border-radius:4px;color:#1f2937;display:inline-block;font-weight:500;padding:2px 8px}.family-card-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:8px}.view-details-btn{align-items:center;border-radius:6px;box-sizing:border-box;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:12px 16px;transition:all .2s ease}.view-details-btn:focus{outline:2px solid #893c3b;outline-offset:2px}@media (max-width:767px){.family-card{gap:16px;max-width:100%;padding:20px;width:100%}.family-code{font-size:1.25rem}.family-revenue-badge{font-size:1rem;padding:6px 12px}.parent-name{font-size:1.125rem}.stat-value{font-size:1.5rem}.tutee-chip{height:44px;justify-content:center;min-height:44px;min-width:100px;padding:12px}.view-details-btn{height:44px;min-height:44px;min-width:44px;padding:12px 20px}.parent-email,.parent-phone{overflow-wrap:break-word;word-break:break-word}}@media (min-width:768px) and (max-width:1024px){.family-card{padding:22px}.family-code{font-size:1.375rem}.stat-value{font-size:1.75rem}}@media (min-width:1025px){.family-card{max-width:100%;padding:24px}}@media (prefers-contrast:high){.family-card{border-width:3px}.family-card:focus{outline-width:4px}}@media (prefers-reduced-motion:reduce){.family-card,.tutee-chip,.view-details-btn{transition:none}.family-card:hover,.tutee-chip:hover{transform:none}}@media print{.family-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.family-card:hover{box-shadow:none;transform:none}}.family-stats-summary{grid-gap:20px;display:grid;gap:20px;margin-bottom:32px;padding:0 16px}@media (min-width:1025px){.family-stats-summary{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1024px){.family-stats-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.family-stats-summary{gap:16px;grid-template-columns:repeat(2,1fr);padding:0 12px}}.stat-card{border:2px solid #893c3b;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-value{font-size:3rem;font-weight:800;margin-bottom:8px}.stat-label{font-weight:600}@media (max-width:767px){.stat-card{padding:16px 12px}.stat-value{font-size:2rem}.stat-label{font-size:.75rem}}@media (min-width:768px) and (max-width:1024px){.stat-card{padding:20px}.stat-value{font-size:2.5rem}}:root{--primary-lighter:#b85f5d;--primary-darker:#522321;--accent-lighter:#e6c589;--accent-darker:#9d7d4a;--terracotta-light:#d99580;--sand-dark:#d4c1a3;--success-light:#34d399;--warning:#f59e0b;--warning-light:#fbbf24;--danger-light:#ef4444;--info-light:#60a5fa}.admin-tutees{background:#f9fafb;background:var(--gray-50);margin:0 auto;max-width:1600px;min-height:100vh;overflow-x:hidden;padding:1.5rem}.page-header{background:linear-gradient(135deg,#c97d60,#a85a44);background:linear-gradient(135deg,var(--terracotta) 0,var(--rust) 100%);border-radius:12px;box-shadow:0 2px 12px #c97d6026;margin-bottom:1.5rem;padding:1.25rem 1.75rem}.header-title h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.admin-tutees .page-header .subtitle{color:#fffffff2;font-size:.875rem;font-weight:500;margin:0}.btn-add-icon{align-items:center;background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #cba7634d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .3s ease;width:42px}.btn-add-icon:hover{background:linear-gradient(135deg,#d9b876,#cba763);background:linear-gradient(135deg,var(--accent-light) 0,var(--accent) 100%);box-shadow:0 4px 16px #cba76366;transform:translateY(-2px) scale(1.05)}.btn-add-icon:active{transform:translateY(0) scale(1)}.btn-add-icon svg{stroke-width:2.5}.controls-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.search-box{flex:1 1;max-width:500px;min-width:0;position:relative}.controls-right{align-items:center;border:none!important;display:flex;flex-shrink:0;gap:.75rem;min-width:-webkit-fit-content;min-width:fit-content}.controls-spacer{align-items:center;display:flex;justify-content:flex-start;min-width:200px}.search-box input{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#d9b876,#b8935a) border-box;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--accent-light) 0,var(--accent-dark) 100%) border-box;border:2px solid #0000;border-radius:14px;box-shadow:0 2px 8px #cba76314,0 1px 3px #0000000d;color:#111827;color:var(--gray-900);font-size:.95rem;font-weight:500;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box input::placeholder{color:#9ca3af;color:var(--gray-400);font-weight:400}.search-box input:hover{box-shadow:0 4px 12px #cba76326,0 2px 6px #00000014;transform:translateY(-1px)}.search-box input:focus{background:#fff;border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 4px #cba76326,0 4px 16px #cba76333;transform:translateY(-1px)}.checkbox-label{color:#374151;color:var(--gray-700);font-size:.9rem;gap:.5rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-label input[type=checkbox]{accent-color:#893c3b;accent-color:var(--primary);height:17px;width:17px}.sort-select{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:500;outline:none;padding:.5rem 1rem;transition:all .2s ease}.sort-select:hover{background:#f9fafb;background:var(--gray-50);border-color:#a04d4b;border-color:var(--primary-light)}.sort-select:focus{border-color:#893c3b;border-color:var(--primary);box-shadow:0 0 0 3px #893c3b1a}.tutee-form-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tutee-form-popup{animation:slideUp .3s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.popup-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;padding:1.25rem 1.75rem}.popup-header h3{color:#893c3b;color:var(--primary);font-size:1.4rem;font-weight:700;margin:0}.close-btn{border-radius:6px;color:#9ca3af;color:var(--gray-400);font-size:1.75rem;height:36px;width:36px}.close-btn:hover{background:var(--gray-200);color:#893c3b;color:var(--primary)}form{padding:1.75rem}.form-section{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);margin-top:1.75rem;padding-top:1.75rem}.form-section h4{font-size:1.05rem;margin:0 0 .5rem}.form-hint{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-style:italic;margin:0 0 1.125rem}.form-note{align-items:center;background:#dbeafe;border-left:3px solid #3b82f6;border-left:3px solid var(--info);border-radius:6px;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.125rem;padding:.75rem 1rem}.form-note svg{color:#3b82f6;color:var(--info);flex-shrink:0}.form-note strong{color:#3b82f6;color:var(--info);font-weight:600}.form-row{grid-gap:1.125rem;gap:1.125rem}.form-group{margin-bottom:1.375rem}.form-group label{color:#4b5563}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#111827;color:var(--gray-900);font-weight:500;padding:.75rem .875rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a}.form-group textarea{min-height:90px}.field-hint{color:#6b7280;color:var(--gray-500);display:block;font-size:.8rem;margin-top:.375rem}.form-error{background:#fee2e2;border-left:3px solid #dc2626;border-left:3px solid var(--danger);border-radius:8px;color:#991b1b;font-size:.9rem;font-weight:500;margin-bottom:1.375rem;padding:.875rem}.form-actions{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);gap:.875rem;margin-top:1.75rem;padding-top:1.75rem}.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.75rem;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #893c3b4d;transform:translateY(-1px)}.btn-secondary{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.75rem;transition:all .3s}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#cba763;border-color:var(--accent)}.tutees-list{width:100%}.tutees-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden;width:100%}.tutees-table{border-collapse:collapse;min-width:100%;table-layout:fixed;width:100%}.tutees-table th:first-child{width:40px}.tutees-table th:nth-child(2){width:14%}.tutees-table th:nth-child(3){width:11%}.tutees-table th:nth-child(4){width:13%}.tutees-table th:nth-child(5){width:16%}.tutees-table th:nth-child(6){width:10%}.tutees-table th:nth-child(7){width:11%}.tutees-table th:nth-child(8){width:9%}.tutees-table th:nth-child(9){width:130px}thead{background:#f8f9fa}thead th{border-bottom:2px solid #dee2e6;color:#1f2937;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.sortable:hover{background:#ffffff1a}.th-content{align-items:center;display:flex;gap:.4rem}.sort-icon{font-size:1.1rem;opacity:.9}tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:all .2s}tbody tr.clickable-row{cursor:pointer}tbody tr:hover{background:#fef9f3}tbody td{color:#374151;color:var(--gray-700);font-size:.9rem;padding:.75rem .875rem;text-align:left;vertical-align:middle}.tutee-info{gap:.75rem}.tutee-avatar,.tutee-info{align-items:center;display:flex}.tutee-avatar{background:linear-gradient(135deg,#c97d60,#a85a44);background:linear-gradient(135deg,var(--terracotta) 0,var(--rust) 100%);border-radius:8px;color:#fff;flex-shrink:0;font-size:.95rem;font-weight:700;height:34px;justify-content:center;width:34px}.tutee-meta{color:#6b7280;color:var(--gray-500);font-size:.8rem;margin-top:.2rem}.parent-info{display:flex;flex-direction:column;gap:.2rem}.parent-name{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}.parent-phone{color:#6b7280;color:var(--gray-500);font-size:.8rem}.subject-count{background:#e8d5b7;background:var(--sand);border-radius:16px;color:#9d7d4a;color:var(--accent-darker);display:inline-block;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.education-info{display:flex;flex-direction:column;gap:.2rem}.education-level{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:500}.education-school{color:#6b7280;color:var(--gray-500);font-size:.8rem}.text-muted{color:#9ca3af;color:var(--gray-400)}.status-badge{border-radius:16px!important;display:inline-block!important;font-size:.8rem!important;font-weight:600!important;min-width:60px!important;opacity:1!important;padding:.35rem .75rem!important;text-align:center!important;visibility:visible!important}.status-badge.active{background:#10b981!important;border:none!important;color:#fff!important}.status-badge.inactive{background:#dc2626!important;border:none!important;color:#fff!important}.admin-tutees .action-buttons{flex-direction:row!important;flex-wrap:nowrap!important;gap:.25rem;justify-content:flex-start!important;min-width:120px;pointer-events:auto}.admin-tutees .action-buttons,.btn-action{align-items:center!important;display:flex!important}.btn-action{background:none!important;border:none!important;border-radius:6px!important;box-sizing:border-box!important;cursor:pointer!important;flex-shrink:0!important;height:36px!important;justify-content:center!important;margin:0!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;outline:none!important;padding:0!important;pointer-events:auto!important;position:relative!important;transition:all .2s;width:36px!important;z-index:10!important}.btn-action svg{fill:none!important;flex-shrink:0!important;height:18px;opacity:1!important;pointer-events:none!important;width:18px}.btn-view{color:#2563eb!important;transition:all .2s ease}.btn-view:hover{background:#dbeafe!important;box-shadow:0 2px 8px #2563eb4d;color:#1d4ed8!important;transform:scale(1.1)}.btn-edit{color:#dc6803!important;transition:all .2s ease}.btn-edit:hover{background:#fed7aa!important;box-shadow:0 2px 8px #dc68034d;color:#c2410c!important;transform:scale(1.1)}.btn-archive{color:#7c2d12!important;transition:all .2s ease}.btn-archive:hover{background:#fde68a!important;box-shadow:0 2px 8px #7c2d124d;color:#92400e!important;transform:scale(1.1)}.btn-activate{color:#059669!important;transition:all .2s ease}.btn-activate:hover{background:#d1fae5!important;box-shadow:0 2px 8px #0596694d;color:#047857!important;transform:scale(1.1)}.btn-delete{color:#dc2626!important;transition:all .2s ease}.btn-delete svg{opacity:1!important}.btn-delete svg,.btn-delete svg path{stroke:#dc2626!important;fill:none!important}.btn-delete:hover{background:#fee2e2!important;box-shadow:0 2px 8px #dc26264d;color:#b91c1c!important;transform:scale(1.1)}.btn-delete:hover svg,.btn-delete:hover svg path{stroke:#b91c1c!important}.no-data{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:3.5rem 2rem}.no-data svg{margin-bottom:.875rem;opacity:.5}.no-data p{font-size:1rem;margin:0}.loading{padding:3.5rem}.error{font-size:.9rem;margin-bottom:1.25rem}@media (max-width:1024px){.admin-tutees{padding:1.25rem}.controls-bar{flex-wrap:wrap}.search-box{flex:1 1 100%;max-width:none}}@media (max-width:768px){.admin-tutees{padding:1rem}.page-header{padding:1rem 1.25rem}.header-title h1{font-size:1.25rem}.admin-tutees .page-header .subtitle{font-size:.8rem}.form-row{grid-template-columns:1fr}.controls-bar{flex-wrap:wrap}.search-box{flex:1 1 100%;order:1}.controls-right{flex:1 1 100%;justify-content:space-between;order:2}.tutees-table-container{overflow-x:auto}.tutees-table{min-width:800px}.tutee-form-popup{max-height:95vh;width:95%}form{padding:1.5rem}}.fab-container{bottom:2rem;left:2rem;position:fixed;z-index:1000}.fab-button{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:50%;box-shadow:0 3px 10px #893c3b66,0 2px 4px #0000001a;cursor:pointer;display:flex;height:52px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.fab-button:hover{box-shadow:0 5px 14px #893c3b80,0 3px 6px #00000026;transform:scale(1.05)}.fab-button.open{transform:rotate(45deg)}.fab-button.open:hover{transform:rotate(45deg) scale(1.05)}.fab-icon{color:#fff;height:20px;transition:transform .3s;width:20px}.fab-count{align-items:center;background:#cba763;background:var(--accent);border:2px solid #fff;border-radius:11px;box-shadow:0 2px 4px #0003;color:#522321;color:var(--primary-darker);font-size:.7rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 5px;right:-4px;top:-4px}.fab-count,.fab-menu{display:flex;position:absolute}.fab-menu{bottom:68px;flex-direction:column;gap:10px;left:0;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.fab-menu-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:24px;box-shadow:0 2px 8px #0000001a;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:10px;min-width:145px;padding:10px 16px;transition:all .2s;white-space:nowrap}.fab-menu-item:hover{background:#893c3b;background:var(--primary);border-color:#893c3b;border-color:var(--primary);box-shadow:0 4px 12px #893c3b4d;color:#fff;transform:translateX(4px)}.fab-menu-item svg{flex-shrink:0;height:18px;width:18px}.fab-menu-item.clear{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.fab-menu-item.clear:hover{background:#4b5563;background:var(--gray-600);border-color:#4b5563;border-color:var(--gray-600);color:#fff}.fab-menu.open .fab-menu-item:first-child{transition-delay:.05s}.fab-menu.open .fab-menu-item:nth-child(2){transition-delay:.1s}.fab-menu.open .fab-menu-item:nth-child(3){transition-delay:.15s}.fab-menu.open .fab-menu-item:nth-child(4){transition-delay:.2s}.tutees-table input[type=checkbox]{accent-color:#893c3b;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.tutees-table thead input[type=checkbox]{height:18px;width:18px}.btn-settings{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;box-sizing:border-box;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:40px;padding:.625rem 1rem;transition:all .2s}.btn-settings:hover{background:#893c3b;background:var(--primary);border-color:#893c3b;border-color:var(--primary);color:#fff}.btn-settings svg{flex-shrink:0}.add-subject-row{align-items:stretch;display:flex;gap:.5rem;height:auto}.subject-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:4px;flex:1 1;font-size:.9375rem;min-width:0;padding:.625rem .75rem}.btn-add-subject{background:#fff;border:1px solid #893c3b;border:1px solid var(--primary);border-radius:4px;color:#893c3b;color:var(--primary);flex-shrink:0;font-size:.875rem;padding:.625rem 1rem;white-space:nowrap;width:auto}.btn-add-subject:hover{background:#893c3b;background:var(--primary);box-shadow:0 2px 8px #893c3b33;color:#fff}.subject-list{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;max-height:400px;overflow-y:auto;padding:.5rem}.subject-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:4px;cursor:grab;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s}.subject-item:active{cursor:grabbing}.subject-item.dragging{background:#e8d5b7;background:var(--sand);border-color:#cba763;border-color:var(--accent);opacity:.5}.subject-item:hover{border-color:#893c3b;border-color:var(--primary);box-shadow:0 2px 4px #893c3b1a}.drag-handle{align-items:center;color:#9ca3af;color:var(--gray-400);cursor:grab;display:flex;flex-shrink:0}.drag-handle:active{cursor:grabbing}.subject-item span{color:#1f2937;color:var(--gray-800);flex:1 1;font-weight:500}.subject-actions{align-items:center;display:flex;flex-shrink:0;gap:.375rem}.btn-edit-subject{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:50%;color:#9d7d4a;color:var(--accent-darker);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.btn-edit-subject:hover{background:#cba763;background:var(--accent);border-color:#cba763;border-color:var(--accent);color:#fff;transform:scale(1.1)}.btn-remove{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#dc2626;color:var(--danger);font-size:1.25rem;font-weight:700;height:28px;padding:0;width:28px}.btn-remove:hover{background:#dc2626;background:var(--danger);border-color:#dc2626;border-color:var(--danger);color:#fff}.subject-edit-input{background:#fff;border:2px solid #cba763;border:2px solid var(--accent);border-radius:4px;color:#1f2937;color:var(--gray-800);flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem .75rem}.subject-edit-input:focus{border-color:#893c3b;border-color:var(--primary);box-shadow:0 0 0 3px #893c3b1a;outline:none}.subject-edit-actions{align-items:center;display:flex;flex-shrink:0;gap:.375rem}.btn-save-edit{align-items:center;background:#fff;border:1px solid #10b981;border:1px solid var(--success);border-radius:50%;color:#10b981;color:var(--success);cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.btn-save-edit:hover{background:#10b981;background:var(--success);color:#fff;transform:scale(1.1)}.btn-cancel-edit{align-items:center;background:#fff;border:1px solid #9ca3af;border:1px solid var(--gray-400);border-radius:50%;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.btn-cancel-edit:hover{background:#4b5563;background:var(--gray-600);border-color:#4b5563;border-color:var(--gray-600);color:#fff;transform:scale(1.1)}.rate-settings-grid{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.rate-group-header{background:linear-gradient(90deg,#cba76314,#cba76308);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-left:3px solid #cba763;border-left:3px solid var(--accent);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#893c3b;color:var(--primary);font-size:.8125rem;font-weight:600;letter-spacing:.75px;padding:.625rem 1rem;text-transform:uppercase}.rate-grid-header{background:linear-gradient(135deg,#b8935a,#9d7d4a);background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent-darker) 100%);color:#fff;font-size:.875rem;font-weight:600}.rate-grid-header,.rate-grid-row{display:grid;grid-template-columns:2fr 1fr 1fr}.rate-grid-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);transition:background .2s}.rate-grid-row:hover{background:#f9fafb;background:var(--gray-50)}.rate-grid-row:last-child{border-bottom:none}.rate-grid-cell{align-items:center;display:flex;padding:.75rem 1rem}.header-cell{letter-spacing:.5px;padding:1rem;text-transform:uppercase}.level-cell{color:#1f2937;color:var(--gray-800)}.level-cell,.rate-input{font-size:.9rem;font-weight:500}.rate-input{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:6px;padding:.5rem .75rem;text-align:right;transition:all .2s;width:100%}.rate-input:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.rate-input:hover{border-color:#d9b876;border-color:var(--accent-light)}.rate-input::-webkit-inner-spin-button,.rate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rate-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.tutee-code{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;color:#92400e;display:inline-block;font-family:Courier New,monospace;letter-spacing:.5px;padding:.25rem .625rem}.view-toggle{border:none!important;box-shadow:none!important;flex-shrink:0;gap:.5rem;isolation:isolate;margin:0;margin-bottom:0!important;min-width:200px;outline:none!important;padding:0;padding-bottom:0!important;position:relative}.view-toggle:after,.view-toggle:before{content:none!important;display:none!important}.view-toggle-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:95px;padding:.375rem 1rem;transition:all .2s ease}.view-toggle-btn,.view-toggle-btn span{text-decoration:none!important}.view-toggle-btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#a04d4b;border-color:var(--primary-light);color:#893c3b;color:var(--primary)}.view-toggle-btn.active{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#893c3b;border-color:var(--primary);color:#fff}.view-toggle-btn svg{flex-shrink:0;height:18px;width:18px}.family-view-section{max-width:100%;overflow-x:hidden;width:100%}.family-stats{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#d9b876;border-color:var(--accent-light);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#893c3b,#c97d60);background:linear-gradient(135deg,var(--primary) 0,var(--terracotta) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;margin-bottom:.5rem}.stat-label{font-size:.875rem}.families-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem;overflow-x:hidden;width:100%}.family-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.family-card:before{background:linear-gradient(90deg,#893c3b,#cba763);background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.family-card:hover{border-color:#d9b876;border-color:var(--accent-light);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.family-card:hover:before{transform:scaleX(1)}.family-card-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.family-code{background:#e8d5b7;background:var(--sand);border-radius:6px;color:#893c3b;color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem}.family-revenue{background:linear-gradient(135deg,#e6c589,#e8d5b7);background:linear-gradient(135deg,var(--accent-lighter) 0,var(--sand) 100%);border-radius:8px;color:#b8935a;color:var(--accent-dark);font-size:1.125rem;font-weight:700;padding:.375rem .875rem}.family-parent-info{margin-bottom:1.25rem}.family-parent-info h3{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.contact-info{color:#4b5563;color:var(--gray-600);display:flex;flex-direction:column;font-size:.875rem;gap:.375rem}.contact-info span{align-items:center;display:flex;gap:.5rem}.family-summary{grid-gap:1rem;background:#f9fafb;background:var(--gray-50);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem;padding:1rem}.summary-item{text-align:center}.summary-label{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem;margin-bottom:.25rem}.summary-value{color:#06c!important;font-size:1.25rem}.family-tutees{margin-bottom:1rem}.tutees-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.tutee-chip{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.625rem .875rem;transition:all .2s ease}.tutee-chip:hover{background:#e8d5b7;background:var(--sand);border-color:#a04d4b;border-color:var(--primary-light);transform:translateX(4px)}.tutee-name{color:#111827;color:var(--gray-900);font-weight:500}.tutee-level,.tutee-name{flex-shrink:0;font-size:.875rem}.tutee-level{color:#4b5563;color:var(--gray-600)}.tutee-subjects{background:#e6c589;background:var(--accent-lighter);border-radius:4px;color:#b8935a;color:var(--accent-dark);font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .5rem}.family-card-footer{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);padding-top:1rem}.view-details-btn{background:#0000;border:2px solid #893c3b;border:2px solid var(--primary);border-radius:8px;color:#893c3b;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.view-details-btn:hover{background:#893c3b;background:var(--primary);border-color:#893c3b;border-color:var(--primary);color:#fff;transform:translateY(-2px)}.no-families{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#6b7280;color:var(--gray-500);font-size:1.125rem;padding:3rem;text-align:center}@media (max-width:768px){.families-grid{gap:1rem;grid-template-columns:1fr}.family-stats{grid-template-columns:repeat(2,1fr)}.view-toggle-btn span{display:none}.view-toggle{margin-right:.5rem}}@media (min-width:768px) and (max-width:1024px){.families-grid{gap:1.25rem}.families-grid,.family-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.families-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.family-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.families-grid{gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.btn-action svg *{stroke:currentColor!important;fill:none!important}.btn-delete svg,.btn-delete svg *,.btn-delete svg path{stroke:#dc2626!important;fill:none!important;opacity:1!important}.btn-delete:hover svg,.btn-delete:hover svg *,.btn-delete:hover svg path{stroke:#b91c1c!important}.rate-change-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.rate-change-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.rate-change-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.rate-change-modal-header h3{color:#893c3b;font-size:20px;margin:0}.rate-change-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.rate-change-modal-header .close-btn:hover{background:#f5f5f5;color:#333}.rate-change-modal-body{padding:24px}.multiple-changes-notice{align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;color:#1565c0;display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:12px 16px}.multiple-changes-notice svg{flex-shrink:0}.rate-change-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.rate-change-info p{color:#333;margin:8px 0}.rate-change-info strong{color:#893c3b;margin-right:8px}.rate-type-badge{background:#e3f2fd;border-radius:12px;color:#1565c0;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.unendorsed-lessons-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.unendorsed-lessons-warning svg{flex-shrink:0}.unendorsed-lessons-warning h4{color:#f57c00;font-size:16px;margin:0 0 8px}.unendorsed-lessons-warning p{color:#666;font-size:14px;margin:0}.lessons-list{margin-bottom:20px}.lessons-list h5{color:#333;font-size:15px;margin:0 0 12px}.lessons-table-container{border:1px solid #e0e0e0;max-height:300px}.lessons-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.lessons-table th{border-bottom:2px solid #e0e0e0;color:#666;padding:12px}.lessons-table td{border-bottom:1px solid #f0f0f0;padding:12px}.status-badge{text-transform:capitalize}.rate-change-question{background:#e3f2fd;border-radius:8px;margin-bottom:20px;padding:16px}.rate-change-question p{color:#333;margin:0 0 8px}.rate-change-question .note{color:#666;font-size:13px;margin:8px 0 0}.no-unendorsed-lessons{padding:32px 16px;text-align:center}.no-unendorsed-lessons svg{margin-bottom:16px}.no-unendorsed-lessons p{color:#333;margin:8px 0}.no-unendorsed-lessons .note{color:#666;font-size:13px}.rate-change-modal-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rate-change-modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.rate-change-modal-footer .btn-cancel{background:#fff;border:1px solid #ddd;color:#666}.rate-change-modal-footer .btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.rate-change-modal-footer .btn-secondary{background:#fff;border:1px solid #893c3b;color:#893c3b}.rate-change-modal-footer .btn-secondary:hover{background:#fff5f5}.rate-change-modal-footer .btn-primary{background:#893c3b;color:#fff}.rate-change-modal-footer .btn-primary:hover{background:#6d2f2e}.tutee-profile{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;background:#f9fafb;background:var(--gray-50);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.detail-header{margin-bottom:1.5rem}.btn-back{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .2s}.btn-back:hover{background:#f9fafb;background:var(--gray-50);border-color:#cba763;border-color:var(--accent)}.btn-back svg{stroke-width:2}.detail-content{gap:1.25rem}.detail-card{background:#fff!important;border:2px solid #f3f4f6!important;border:2px solid var(--gray-100)!important;border-radius:16px!important;box-shadow:0 8px 30px #0000001f!important;padding:2.5rem!important;transition:all .3s ease!important}.detail-card:hover{box-shadow:0 12px 40px #893c3b26!important;transform:translateY(-2px)!important}.action-button{min-width:110px}.code-badge-new svg,.email-icon,.profile-email-row,.profile-header-left,.profile-header-right,.profile-timestamps-new,.timestamp-content,.timestamp-icon,.timestamp-item-new,.timestamp-label,.timestamp-value{display:none!important}.profile-header-right{align-items:flex-end;display:flex;flex-direction:column}.profile-timestamps-new{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.timestamp-item-new{align-items:flex-start;display:flex;gap:.5rem}.timestamp-icon{color:var(--gray-400);flex-shrink:0;margin-top:2px}.timestamp-content{display:flex;flex-direction:column;gap:.15rem}.timestamp-label{color:#6b7280;color:var(--gray-500);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.timestamp-value{color:#374151;color:var(--gray-700);font-size:.85rem;font-weight:500;white-space:nowrap}.profile-timestamps:not(.profile-timestamps-new),.status-badge:not(.status-badge-new),.timestamp-item:not(.timestamp-item-new){display:none}.tutee-avatar-large{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 8px 25px #893c3b4d!important;color:#fff;display:flex;flex-shrink:0;font-size:2.5rem!important;font-weight:700;height:100px!important;justify-content:center;width:100px!important}.name-input{flex:1 1;font-size:1.75rem;height:48px;line-height:1.3;max-width:500px;min-width:250px;padding:.5rem .875rem}.level-badge,.role-badge,.school-badge{align-items:center;background:#0000;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700);display:inline-flex;font-size:.8rem;font-weight:600;height:-webkit-fit-content;height:fit-content;line-height:1;padding:.5rem .875rem}.detail-card h2{border-bottom:3px solid #e5e7eb!important;border-bottom:3px solid var(--gray-200)!important;clear:both;color:#893c3b!important;color:var(--primary)!important;display:block;font-size:1.4rem!important;font-weight:700!important;padding-bottom:.75rem!important;width:100%}.btn-edit-section{border-radius:6px}.btn-edit-section:hover{transform:scale(1.1)}.btn-edit-section svg{transition:transform .3s ease}.info-item p{font-weight:500}.info-item input,.info-item select,.info-item textarea{box-shadow:none!important;font-weight:500}.info-item input:invalid,.info-item select:invalid,.info-item textarea:invalid{border-color:#e5e7eb!important;border-color:var(--gray-200)!important;box-shadow:none!important}.btn-cancel-section,.btn-save-section{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-save-section{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.btn-save-section:hover{box-shadow:0 4px 12px #893c3b4d}.btn-cancel-section{pointer-events:auto;z-index:1}.btn-cancel-section:hover{border-color:#cba763;border-color:var(--accent)}.subjects-section{position:relative}.btn-add-subject-icon{border-radius:6px;height:32px;right:4rem;width:32px;z-index:5}.btn-add-subject-icon:hover{box-shadow:0 4px 12px #cba7634d}.subjects-grid-container{display:flex;flex-direction:column;gap:1.25rem}.subject-card-modern{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;padding:1.5rem;transition:all .2s}.subject-card-modern:hover{border-color:#d9b876;border-color:var(--accent-light);box-shadow:0 4px 12px #cba76326}.subject-card-modern.editing{border-color:#893c3b;border-color:var(--primary)}.subject-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-group{gap:.5rem}.form-group label{color:var(--gray-600);font-size:.8rem;letter-spacing:.3px;text-transform:uppercase}.form-group input,.form-group select{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#111827;color:var(--gray-900);font-size:.9rem;font-weight:500;padding:.75rem;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.checkbox-wrapper{align-items:center;display:flex;gap:.5rem;padding:.75rem}.checkbox-wrapper input[type=checkbox]{accent-color:#893c3b;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.checkbox-wrapper label{color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500}.btn-add-subject{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.btn-add-subject:hover{box-shadow:0 4px 12px #cba7634d;transform:translateY(-1px)}.subjects-display{display:flex;flex-direction:column;gap:1.25rem}.subject-card{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;padding:1.5rem;transition:all .2s}.subject-card:hover{border-color:#d9b876;border-color:var(--accent-light);box-shadow:0 4px 12px #cba76326}.subject-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.subject-title h3{color:#893c3b;color:var(--primary);font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.subject-badges{display:flex;flex-wrap:wrap;gap:.5rem}.mode-badge{border-radius:16px;font-weight:600;padding:.375rem .875rem}.mode-badge.online{background:#d1fae5;color:#065f46}.status-badge{border-radius:16px;font-size:.8rem;padding:.375rem .875rem}.status-badge.active{background:var(--sand);border:1px solid #b8935a;border:1px solid var(--accent-dark);color:#b8935a;color:var(--accent-dark)}.status-badge.inactive{background:#ffe4e1;border:1px solid #a04d4b;border:1px solid var(--primary-light);color:#6d2f2e;color:var(--primary-dark)}.subject-rate{color:#b8935a;color:var(--accent-dark);font-size:1.5rem;font-weight:700}.tutor-assignment-section{display:flex;flex-direction:column;gap:.875rem}.tutor-assignment-section label{color:var(--gray-600);font-size:.8rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.assigned-tutors-list{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;min-height:36px}.no-tutors{color:var(--gray-400);font-size:.9rem;font-style:italic}.assigned-tutor-chip{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem .875rem}.btn-remove-tutor{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:20px;justify-content:center;line-height:1;transition:all .2s;width:20px}.btn-remove-tutor:hover{background:#ffffff4d;transform:scale(1.1)}.tutor-selector{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .3s}.tutor-selector:focus,.tutor-selector:hover{border-color:#cba763;border-color:var(--accent)}.tutor-selector:focus{box-shadow:0 0 0 3px #cba7631a;outline:none}.tutee-profile textarea{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:.9rem;min-height:120px;padding:.875rem;resize:vertical;transition:all .3s;width:100%}.tutee-profile textarea:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.notes-content{color:#374151;color:var(--gray-700);font-size:.95rem;margin:0;white-space:pre-wrap}.error,.loading{font-size:1.1rem;font-weight:600;padding:3rem;text-align:center}.error{color:#dc2626;color:var(--danger)}.no-data{color:var(--gray-400)}@media (max-width:768px){.tutee-profile{padding:1rem}.profile-header{padding:1.5rem}.profile-header-main{align-items:center;flex-direction:column;text-align:center}.profile-avatar{font-size:2.25rem;height:85px;width:85px}.profile-header-info{align-items:center}.profile-header-info h1{font-size:1.5rem}.profile-badges{justify-content:center}.profile-timestamps-footer{flex-direction:column;gap:.25rem;text-align:center}.timestamp-separator{display:none}.detail-card{padding:1.25rem}.profile-main{flex-direction:column;text-align:center}.profile-meta{flex-direction:column;gap:.5rem}.info-grid{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.subject-header{flex-direction:column;gap:1rem}.subject-rate{align-self:flex-start}}.status-badge-modern.active,.status-badge-modern.inactive{border:none}.subject-header-modern{margin-bottom:1rem}.subject-title-info h3{color:#893c3b;color:var(--primary);font-size:1.15rem;font-weight:700;margin:0 0 .5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;overflow:hidden}.subject-rate-inline{color:#b8935a;color:var(--accent-dark);font-size:1.1rem;font-weight:700}.mode-badge-modern{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.mode-badge-modern.physical{background:#dbeafe;color:#1e40af}.mode-badge-modern.online{background:#fef3c7;color:#92400e}.subject-divider{background:var(--gray-200)}.tutor-assignment-modern{margin-top:1rem}.tutor-section-header{margin-bottom:.75rem}.tutor-label{color:var(--gray-600);font-size:.8rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.tutor-assignment-card-modern{padding:1rem}.rate-prefix,.tutor-rate-info label{color:#374151;color:var(--gray-700)}.rate-prefix{font-weight:600}.inline-edit-input{text-align:center}.inline-edit-input:focus{border-color:#cba763;border-color:var(--accent)}.inline-edit-input.using-default{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500)}.rate-unit{color:var(--gray-600)}.default-badge{border-radius:8px;padding:.125rem .375rem}.commission-info{margin-top:.25rem}.commission-badge{font-size:.8rem;font-weight:600;padding:.25rem .5rem}.commission-badge.positive{background:#10b98126;color:#10b981}.commission-badge.negative{background:#dc262626;color:#dc2626}.tutor-selector-modern{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .2s;width:100%}.tutor-selector-modern:focus,.tutor-selector-modern:hover{border-color:#cba763;border-color:var(--accent)}.tutor-selector-modern:focus{box-shadow:0 0 0 3px #cba7631a;outline:none}.no-tutors-modern{background:#f9fafb;background:var(--gray-50);border-radius:6px;color:var(--gray-400);font-style:italic;padding:1rem;text-align:center}.no-subjects-placeholder{color:#6b7280;color:var(--gray-500)}.no-subjects-placeholder h3{color:#374151;color:var(--gray-700)}.no-subjects-placeholder p{font-style:italic;margin:0}.default-rates-display{transition:all .2s}.btn-edit-default-rates{background:none;border:none;border-radius:4px;color:#b8935a;color:var(--accent-dark);height:24px;position:absolute;right:.5rem;top:.5rem;width:24px}.btn-edit-default-rates:hover{background:var(--sand);transform:scale(1.1)}.subject-edit-mode{padding-top:2rem}.subject-edit-header-modern h3{margin:0 0 1rem}.subject-edit-form-modern{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group-modern{display:flex;flex-direction:column;gap:.5rem}.form-group-modern label{color:var(--gray-600);font-size:.8rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.form-group-modern input,.form-group-modern select{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#111827;color:var(--gray-900);font-size:.9rem;font-weight:500;padding:.75rem;transition:all .3s}.form-group-modern input:focus,.form-group-modern select:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.form-row-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-label-modern{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label-modern input[type=checkbox]{accent-color:#893c3b;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.subject-edit-actions-modern{align-items:center;border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;position:relative;z-index:1}.btn-delete-subject-modern{align-items:center;background:#fff;border:2px solid #dc2626;border:2px solid var(--danger);border-radius:6px;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-delete-subject-modern:hover{background:#fee2e2;transform:translateY(-1px)}.btn-save-modern{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.5rem;pointer-events:auto;transition:all .2s;z-index:1}.btn-save-modern:hover{box-shadow:0 4px 12px #893c3b4d;transform:translateY(-1px)}.btn-save-modern:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-save-modern:disabled:hover{box-shadow:none;transform:none}.schedule-section{background:#f9fafb;background:var(--gray-50);border-radius:6px;margin-top:.75rem;padding:.75rem}.schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.schedule-header label{color:#374151;color:var(--gray-700);font-size:.85rem;font-weight:500}.btn-add-schedule{background:#cba763;background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .5rem;transition:all .2s}.btn-add-schedule:hover{background:#b8935a;background:var(--accent-dark);transform:scale(1.05)}.schedules-list{display:flex;flex-direction:column;gap:.5rem}.schedule-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:4px;padding:.5rem}.schedule-fields,.schedule-item{align-items:center;display:flex;gap:.5rem}.schedule-fields{flex:1 1}.schedule-input,.schedule-select{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.schedule-select.frequency{width:80px}.schedule-select.day{width:100px}.schedule-input.time{width:90px}.schedule-input.duration{width:60px}.duration-label{color:var(--gray-600);font-size:.8rem}.btn-remove-schedule{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;transition:all .2s;width:20px}.btn-remove-schedule:hover{background:#dc262633;transform:scale(1.1)}.no-schedule{padding:.5rem;text-align:center}.no-schedule-text{font-size:.85rem}.legacy-schedule{align-items:center;background:#fef3c7;border-radius:4px;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem}.legacy-label{color:#92400e;font-size:.75rem;font-weight:600}.legacy-text{color:#92400e;font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--gray-200);padding:1.25rem 1.5rem}.modal-header h2{color:var(--primary)}.modal-close{border-radius:4px;color:var(--gray-400);font-size:1.5rem}.modal-close:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.modal-info{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem}.modal-info p{color:#374151;color:var(--gray-700);font-size:.9rem;margin:0}.modal-form{padding:1.5rem}.default-rate-row{align-items:end;display:flex;gap:1rem;margin-bottom:1rem;position:relative}.default-rate-row .form-group{flex:1 1}.btn-remove-rate-row{align-items:center;background:#dc26261a;border:none;border-radius:4px;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-remove-rate-row:hover{background:#dc262633;transform:scale(1.1)}.btn-add-rate-row{background:#cba763;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s}.btn-add-rate-row:hover{background:#b8935a;background:var(--accent-dark);transform:translateY(-1px)}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.btn-cancel,.btn-submit{border-radius:6px;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.btn-submit{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.btn-submit:hover{box-shadow:0 4px 12px #893c3b4d;transform:translateY(-1px)}.default-rates-display{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .2s ease}.default-rates-display:hover{background:#fff;border-color:#d1d5db;border-color:var(--gray-300)}.default-rates-display.loading{background:#f3f4f6;background:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300);justify-content:center}.default-rates-label{color:var(--gray-600);flex-shrink:0;font-size:.85rem;font-weight:500}.default-rate-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;color:#374151;color:var(--gray-700);display:flex;font-size:.85rem;font-weight:500;gap:.375rem;padding:.25rem .75rem}.default-rate-item svg{flex-shrink:0;height:10px;opacity:.6;width:10px}.btn-edit-default-rates{align-items:center;background:#fff!important;border:2px solid #fde047!important;border-radius:6px;color:#92400e!important;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:auto;padding:0;transition:all .2s;width:32px}.btn-edit-default-rates:hover{background:#92400e!important;border-color:#92400e!important;box-shadow:0 2px 6px #92400e4d;color:#fff!important;transform:scale(1.05)}.subjects-grid-container{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))!important}.subject-card-modern{word-wrap:break-word;background:#fff!important;border:2px solid #e5e7eb!important;border:2px solid var(--gray-200)!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;overflow:hidden;padding:1.75rem!important;position:relative;transition:all .3s ease!important}.subject-card-modern:hover{border-color:#d9b876!important;border-color:var(--accent-light)!important;box-shadow:0 8px 25px #cba76333!important;transform:translateY(-2px)!important}.tutor-assignment-card-modern{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--gray-200)!important;border-radius:8px!important;padding:.75rem!important;width:100%}.tutor-assignment-card-modern:hover{border-color:#893c3b!important;border-color:var(--primary)!important;box-shadow:0 2px 8px #893c3b1a!important}.tutor-rate-info label{min-width:80px}.inline-edit-input{border:1px solid #d1d5db!important;border:1px solid var(--gray-300)!important}.inline-edit-input:focus{border-color:#893c3b!important;border-color:var(--primary)!important}.inline-edit-input.schedule-input{flex:1 1;width:100%}.schedule-info{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.schedule-info label{color:var(--gray-600);font-weight:500;min-width:80px}.inline-edit-input.using-default{color:var(--gray-400);font-style:italic}.inline-edit-input.using-default::placeholder{color:var(--gray-400);font-weight:500}.rate-unit.default-hint{color:var(--gray-400)}.default-badge{font-style:normal}.default-rate-notice{background:#fef3c7;border:1px solid #fde047;border-radius:6px;padding:.5rem}.notice-text{color:#92400e;font-size:.85rem;font-weight:500}.btn-add-subject-icon{background:none;color:#b8935a!important;color:var(--accent-dark)!important;height:36px;padding:0;position:absolute;right:1rem;top:1rem;width:36px;z-index:10}.btn-add-subject-icon:hover{background:var(--sand)!important;transform:scale(1.1)}.no-subjects-placeholder{background:#f9fafb!important;background:var(--gray-50)!important;border-radius:12px;padding:3rem 2rem}.no-subjects-placeholder h3{font-size:1.25rem;margin:0 0 .5rem}.no-subjects-placeholder p{font-size:.95rem;margin:0 0 1.5rem}.rate-input-wrapper{align-items:center;display:flex;gap:.5rem}.rate-input-wrapper .rate-prefix{color:var(--gray-600);font-weight:500}.rate-input-wrapper input{flex:1 1}.rate-input-wrapper .rate-unit{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.85rem;gap:.25rem}.using-default-placeholder{color:var(--gray-400)!important;font-style:italic}.using-default-placeholder::placeholder{color:var(--gray-400);font-weight:500}.hint-text{color:#6b7280;color:var(--gray-500);font-size:.8rem;font-style:italic;margin-top:-.25rem}@media (max-width:1024px){.subjects-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}}@media (max-width:768px){.tutee-profile{padding:1rem}.detail-card{padding:1.25rem}.profile-main{flex-direction:column;text-align:center}.profile-meta{flex-direction:column;gap:.5rem}.form-row-modern,.info-grid{grid-template-columns:1fr}.subject-edit-actions-modern{flex-direction:column;gap:.75rem}.btn-delete-subject-modern,.btn-save-modern{justify-content:center;width:100%}.schedule-fields{flex-wrap:wrap}.modal-content{margin:1rem;width:95%}.default-rate-row{align-items:stretch;flex-direction:column}.btn-remove-rate-row{align-self:flex-end;margin-top:.5rem}.subjects-grid-container{grid-template-columns:1fr!important}}.section-header-with-actions{margin-bottom:1.5rem}.section-header-with-actions h2{font-size:1.6rem!important;letter-spacing:.5px!important;margin:0}.btn-add-subject-icon{background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:8px;box-shadow:0 2px 8px #cba7634d;color:#fff;height:40px;transition:all .2s;width:40px}.btn-add-subject-icon:hover{box-shadow:0 4px 12px #cba76366;transform:scale(1.05)}.subject-card-modern .btn-edit-corner{align-items:center;background:none;border:none;border-radius:6px;color:#b8935a;color:var(--accent-dark);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.subject-card-modern .btn-edit-corner:hover{background:var(--sand);transform:scale(1.1)}.subject-card-modern .btn-edit-corner svg{transition:transform .3s ease}.subject-card-modern.editing .btn-edit-corner{background:#dc26261a;color:#dc2626;color:var(--danger)}.subject-card-modern.editing .btn-edit-corner:hover{background:#dc262633;transform:scale(1.1) rotate(90deg)}.subject-card-modern.editing .btn-edit-corner svg{transform:rotate(90deg)}.tutor-selector-section{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:1.25rem;transition:all .2s ease}.tutor-selector-section:hover{border-color:#cba763;border-color:var(--accent);box-shadow:0 4px 16px #cba7631a}.tutor-selector-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.btn-add-tutor-redesigned{align-items:center;background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #cba7634d;color:#fff;cursor:pointer;display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.btn-add-tutor-redesigned:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-tutor-redesigned:hover:before{left:100%}.btn-add-tutor-redesigned:hover{background:linear-gradient(135deg,#b8935a,#cba763);background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent) 100%);box-shadow:0 6px 24px #cba76366;transform:translateY(-2px)}.add-tutor-icon-redesigned{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-add-tutor-redesigned:hover .add-tutor-icon-redesigned{background:#ffffff4d;transform:rotate(90deg)}.add-tutor-content-redesigned{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.add-tutor-title{font-size:1rem;font-weight:700;line-height:1}.add-tutor-subtitle{font-size:.85rem;font-weight:500;line-height:1;opacity:.9}.edit-actions-right{display:flex;gap:.75rem;position:relative;z-index:2}.btn-add-first-subject{background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:8px;color:#fff;font-size:1rem;gap:.625rem;margin-top:1rem;padding:.875rem 1.5rem;transition:all .2s}.btn-add-first-subject:hover{box-shadow:0 4px 12px #cba7634d;transform:translateY(-1px)}.tutor-assignment-section{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;margin-top:1.5rem;padding:1.25rem;transition:all .2s ease}.tutor-assignment-section:hover{background:#fefcf7;border-color:#d9b876;border-color:var(--accent-light)}.tutor-assignment-section>label{align-items:center;color:#893c3b;color:var(--primary);display:flex;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.tutor-assignment-section>label:before{background:#cba763;background:var(--accent);border-radius:2px;content:"";height:20px;width:4px}.assigned-tutors-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.tutor-assignment-card-modern{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:.75rem;transition:all .2s}.tutor-assignment-card-modern:hover{border-color:#893c3b;border-color:var(--primary);box-shadow:0 2px 8px #893c3b1a}.tutor-assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.tutor-chip-name{color:#111827;color:var(--gray-900);font-size:.95rem;font-weight:600}.btn-remove-tutor-modern{align-items:center;background:#dc26261a;border:none;border-radius:50%;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.btn-remove-tutor-modern:hover{background:#dc262633;transform:scale(1.1)}.tutor-assignment-details{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.tutor-rate-info{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.tutor-rate-info label{color:var(--gray-600);font-weight:500;letter-spacing:normal;margin:0;min-width:40px;text-transform:none}.inline-edit-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:4px;font-size:.9rem;padding:.25rem .5rem;transition:all .2s;width:80px}.inline-edit-input:focus{border-color:#893c3b;border-color:var(--primary);box-shadow:0 0 0 3px #893c3b1a;outline:none}.rate-prefix{color:var(--gray-600);font-weight:500}.rate-unit{color:#6b7280;color:var(--gray-500);font-size:.85rem}.default-badge{background:#fef3c7;font-size:.75rem}.commission-info{align-items:center;display:flex}.commission-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.commission-badge.positive{background:#d1fae5;color:#065f46}.commission-badge.negative{background:#fee2e2;color:#991b1b}@media (max-width:768px){.section-header-with-actions{align-items:flex-start;flex-direction:column;gap:1rem}.btn-add-subject-icon{align-self:flex-end}.subject-edit-actions-modern{flex-direction:column;gap:1rem}.edit-actions-right{justify-content:space-between;width:100%}.btn-cancel-section,.btn-delete-subject-modern,.btn-save-modern{flex:1 1;justify-content:center}.default-rates-display{flex-direction:column;gap:1rem;text-align:center}.default-rates-label{font-size:.9rem}.default-rate-item{justify-content:center}.rate-commission-row{align-items:stretch;flex-direction:column;gap:.75rem}.commission-info,.tutor-rate-info{justify-content:space-between}.mode-badge-enhanced{font-size:.75rem;padding:.25rem .75rem}}.tutee-profile input:invalid,.tutee-profile select:invalid,.tutee-profile textarea:invalid{border-color:#e5e7eb!important;border-color:var(--gray-200)!important;box-shadow:none!important;outline:none!important}.tutee-profile input:valid,.tutee-profile select:valid,.tutee-profile textarea:valid{border-color:#e5e7eb!important;border-color:var(--gray-200)!important;box-shadow:none!important}.tutee-profile input:focus,.tutee-profile select:focus,.tutee-profile textarea:focus{border-color:#cba763!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #cba7631a!important;outline:none!important}.tutor-assignment-card-display-redesigned{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--gray-200)!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin-bottom:.625rem!important;min-width:0!important;overflow:visible!important;padding:.75rem 1rem!important;position:relative!important;transition:all .2s ease!important;width:100%!important}.tutor-assignment-card-display-redesigned:before{display:none!important}.tutor-assignment-card-display-redesigned:hover{background:#fafafa!important;border-color:#893c3b!important;border-color:var(--primary)!important;box-shadow:0 2px 8px #893c3b1a!important;transform:none!important}.tutor-top-row-display-redesigned{flex-wrap:nowrap!important;gap:1rem!important;overflow:visible!important;width:100%!important}.tutor-header-display-redesigned,.tutor-top-row-display-redesigned{align-items:center!important;display:flex!important;min-width:0!important}.tutor-header-display-redesigned{border-bottom:none!important;flex:1 1 auto!important;gap:.75rem!important;margin-bottom:0!important;overflow:hidden!important;padding-bottom:0!important}.tutor-avatar-display-redesigned{align-items:center!important;background:linear-gradient(135deg,#893c3b,#6d2f2e)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:.875rem!important;font-weight:700!important;height:32px!important;justify-content:center!important;width:32px!important}.tutor-info-display-redesigned{flex:0 1 auto!important;max-width:120px!important;min-width:0!important;overflow:hidden!important}.tutor-name-display-redesigned{color:#893c3b!important;color:var(--primary)!important;font-size:.9rem!important;font-weight:600!important;line-height:1.3!important;margin-bottom:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.default-indicator-display-redesigned{align-items:center!important;color:#b8935a!important;color:var(--accent-dark)!important;display:flex!important;font-size:.7rem!important;font-style:normal!important;font-weight:500!important;gap:.25rem!important;margin-top:2px!important}.default-indicator-display-redesigned svg{flex-shrink:0!important;height:10px!important;opacity:.7!important;width:10px!important}.rate-commission-display-redesigned{flex-shrink:0!important;gap:1rem!important;grid-template-columns:none!important;justify-content:flex-end!important;margin-bottom:0!important}.commission-display-section-redesigned,.rate-commission-display-redesigned,.rate-display-section-redesigned{align-items:center!important;display:flex!important;min-width:-webkit-fit-content!important;min-width:fit-content!important}.commission-display-section-redesigned,.rate-display-section-redesigned{flex:0 0 auto!important;flex-direction:row!important;flex-shrink:0!important;gap:.5rem!important;white-space:nowrap!important}.commission-label-display-redesigned,.rate-label-display-redesigned{color:var(--gray-600)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:normal!important;margin:0!important;text-transform:none!important;white-space:nowrap!important}.rate-value-display-redesigned{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border:1px solid var(--gray-300)!important;border-radius:6px!important;box-shadow:none!important;display:flex!important;gap:.25rem!important;padding:.375rem .625rem!important;transform:none!important;transition:all .2s ease!important}.rate-value-display-redesigned:hover{border-color:#cba763!important;border-color:var(--accent)!important;transform:none!important}.currency-symbol-display-redesigned{color:var(--gray-600)!important;flex-shrink:0!important;font-size:.85rem!important;font-weight:600!important}.rate-amount-display-redesigned{color:#111827!important;color:var(--gray-900)!important;font-size:.9rem!important;font-weight:700!important}.rate-amount-display-redesigned.default-rate{color:#b8935a!important;color:var(--accent-dark)!important;font-style:normal!important}.rate-unit-display-redesigned{color:var(--gray-600)!important;flex-shrink:0!important;font-size:.8rem!important}.default-badge-display-redesigned{display:none!important}.commission-value-display-redesigned{align-items:center!important;border-radius:6px!important;box-shadow:none!important;display:flex!important;font-size:.85rem!important;font-weight:700!important;gap:.25rem!important;justify-content:center!important;min-width:75px!important;padding:.375rem .625rem!important;transform:none!important;transition:all .2s ease!important;white-space:nowrap!important}.commission-value-display-redesigned.positive{background:#d1fae5!important;border:1px solid #10b9814d!important;color:#065f46!important}.commission-value-display-redesigned.negative{background:#fee2e2!important;border:1px solid #dc26264d!important;color:#991b1b!important}.commission-value-display-redesigned:hover{transform:none!important;transform:scale(1.02)}.commission-sign-display{font-size:.9rem;opacity:.8}.commission-amount-display{font-weight:800}.default-rate-hint{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-left:4px solid #cba763;border-left:4px solid var(--accent);border-radius:8px;color:var(--gray-600);font-size:.8rem;font-style:italic;font-weight:500;margin-top:.5rem;padding:.75rem}.btn-add-subject-icon{align-items:center;background:linear-gradient(135deg,#cba763,#b8935a)!important;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%)!important;border:none;border-radius:12px;box-shadow:0 4px 12px #cba7634d;color:#fff!important;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:44px}.btn-add-subject-icon:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-subject-icon:hover:before{left:100%}.btn-add-subject-icon:hover{box-shadow:0 6px 20px #cba76366;transform:scale(1.05) rotate(90deg)}.btn-add-subject-icon svg{transition:transform .3s ease}.section-header-with-actions{align-items:center;border-bottom:3px solid #cba763;border-bottom:3px solid var(--accent);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;position:relative}.section-header-with-actions:after{background:#893c3b;background:var(--primary);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.section-header-with-actions h2{border:none!important;color:#893c3b!important;color:var(--primary)!important;font-size:1.75rem!important;font-weight:800!important;letter-spacing:1px!important;margin:0!important;padding:0!important;text-transform:uppercase!important}.no-subjects-placeholder{background:linear-gradient(135deg,#f9fafb,#f9fafb)!important;background:linear-gradient(135deg,var(--gray-50) 0,#f9fafb 100%)!important;border:2px dashed #d1d5db!important;border:2px dashed var(--gray-300)!important;border-radius:16px;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.no-subjects-placeholder:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23f3f4f6' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.no-subjects-placeholder>*{position:relative;z-index:1}.no-subjects-placeholder h3{color:#374151!important;color:var(--gray-700)!important;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.no-subjects-placeholder p{color:#6b7280!important;color:var(--gray-500)!important;font-size:1rem;line-height:1.6;margin:0 0 2rem}.btn-add-first-subject{align-items:center;background:linear-gradient(135deg,#cba763,#b8935a)!important;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%)!important;border:none;border-radius:12px;box-shadow:0 4px 16px #cba7634d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.btn-add-first-subject:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-first-subject:hover:before{left:100%}.btn-add-first-subject:hover{box-shadow:0 8px 25px #cba76366;transform:translateY(-2px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subject-card-modern{animation:slideInUp .3s ease-out}.subject-card-modern:first-child{animation-delay:.1s}.subject-card-modern:nth-child(2){animation-delay:.2s}.subject-card-modern:nth-child(3){animation-delay:.3s}.subject-card-modern:nth-child(4){animation-delay:.4s}.default-rates-display.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tutor-assignment-card-enhanced{animation:slideInUp .2s ease-out}.btn-add-first-subject:focus,.btn-add-subject-icon:focus,.btn-edit-card-corner:focus{outline:3px solid #cba76380;outline-offset:2px}.tutee-profile *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.subject-card-modern:active{transform:translateY(-1px) scale(.98)}.btn-add-subject-icon:active{transform:scale(.95) rotate(90deg)}.mode-badge-enhanced:active{transform:scale(.95)}.add-subject-modal-overlay{align-items:center;animation:fadeInModal .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInModal{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.add-subject-modal{animation:slideUpModal .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-subject-header{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.modal-title-section{align-items:center;display:flex;gap:1rem}.modal-icon{align-items:center;background:#ffffff26;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-title-section h3{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.modal-title-section p{font-size:.9rem;margin:0;opacity:.9}.modal-close-enhanced{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close-enhanced:hover{background:#fff3;transform:scale(1.05)}.add-subject-form{padding:2rem}.form-section{margin-bottom:2rem}.form-section h4{align-items:center;color:#893c3b;color:var(--primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.form-section h4:before{background:#cba763;background:var(--accent);border-radius:2px;content:"";height:20px;width:4px}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600}.input-wrapper{position:relative}.input-wrapper input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;font-size:.95rem;padding:.875rem 2.5rem .875rem 1rem;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 4px #cba7631a;outline:none;transform:translateY(-1px)}.input-wrapper input.error{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 4px #dc26261a}.input-icon{color:var(--gray-400);pointer-events:none;position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}.currency-input{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;display:flex;transition:all .3s ease}.currency-input:focus-within{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 4px #cba7631a;transform:translateY(-1px)}.currency-input.error{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 4px #dc26261a}.currency-symbol{color:var(--gray-600);font-size:.95rem;font-weight:600;padding:.875rem 0 .875rem 1rem}.currency-input input{background:#0000;border:none;flex:1 1;font-size:.95rem;padding:.875rem .5rem}.currency-input input:focus{box-shadow:none;outline:none;transform:none}.currency-unit{color:#6b7280;color:var(--gray-500);font-size:.9rem;padding:.875rem 1rem .875rem 0}.mode-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mode-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.mode-option:hover{border-color:#d9b876;border-color:var(--accent-light);box-shadow:0 4px 12px #cba76326;transform:translateY(-1px)}.mode-option.selected{background:#cba7630d;border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 4px #cba7631a}.mode-icon{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:10px;color:var(--gray-600);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mode-option.selected .mode-icon{background:#cba763;background:var(--accent);color:#fff}.mode-text{display:flex;flex-direction:column;gap:.25rem}.mode-title{color:#111827;color:var(--gray-900);font-size:.95rem;font-weight:600}.mode-desc{color:#6b7280;color:var(--gray-500);font-size:.8rem}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{background:#d1d5db;background:var(--gray-300);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:all .3s ease;width:48px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-switch input:checked+.toggle-slider{background:#10b981;background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:500;white-space:nowrap}.status-toggle{align-items:center;background:none;border:none;display:flex;padding:0;width:auto}.status-toggle .toggle-switch{align-items:center;background:none!important;border:none!important;box-shadow:none!important;cursor:pointer;display:flex;gap:.75rem;height:auto!important;margin:0!important;padding:0!important;width:auto!important}.status-toggle .toggle-slider{flex-shrink:0}.status-toggle .toggle-label{background:none;color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:500}.form-error-message{align-items:center;background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;color:#dc2626;color:var(--danger);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem}.modal-actions-enhanced{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn-cancel-enhanced,.btn-submit-enhanced{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.875rem 1.5rem;transition:all .3s ease}.btn-cancel-enhanced{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-cancel-enhanced:hover{background:#f9fafb;background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.btn-submit-enhanced{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 12px #893c3b4d;color:#fff}.btn-submit-enhanced:hover:not(.disabled){box-shadow:0 6px 20px #893c3b66;transform:translateY(-2px)}.btn-submit-enhanced.disabled{background:#d1d5db;background:var(--gray-300);box-shadow:none;color:#6b7280;color:var(--gray-500);cursor:not-allowed}@media (max-width:768px){.add-subject-modal{margin:1rem;max-height:95vh;width:95%}.add-subject-header{padding:1.5rem}.modal-title-section{gap:.75rem}.modal-icon{height:40px;width:40px}.modal-title-section h3{font-size:1.25rem}.add-subject-form{padding:1.5rem}.form-grid,.form-row-two-col{gap:1rem;grid-template-columns:1fr}.mode-selector{grid-template-columns:1fr}.modal-actions-enhanced{flex-direction:column;gap:.75rem}.btn-cancel-enhanced,.btn-submit-enhanced{width:100%}}.mode-badge-enhanced{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .875rem;text-transform:capitalize;transition:all .2s ease}.mode-badge-enhanced.physical{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.mode-badge-enhanced.online{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.mode-badge-enhanced .mode-icon{flex-shrink:0}.mode-badge-enhanced:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.status-badge-modern{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-badge-modern.active{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge-modern.inactive{background:#dc262626;border:1px solid #dc26264d;color:#dc2626}.default-indicator{background:#cba7631a;border:1px solid #cba7634d;border-radius:8px;font-size:.7rem;font-weight:500;padding:.125rem .375rem}.default-indicator,.rate-value.default{color:#b8935a;color:var(--accent-dark);font-style:italic}.rate-value.default{position:relative}.rate-value.default:after{content:" (default)";font-size:.7rem;opacity:.8}.default-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;color:#92400e;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-left:.25rem;padding:.125rem .5rem;text-transform:uppercase}.subject-card-modern.editing{background:#fff!important;border-color:#893c3b!important;border-color:var(--primary)!important;box-shadow:0 8px 30px #893c3b26!important}.subject-edit-header-modern{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);margin-bottom:1.5rem;padding-bottom:1rem}.subject-edit-header-modern h3{color:#893c3b;color:var(--primary);font-size:1.1rem;font-weight:600;margin:0}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.modal-form{padding:1rem}.form-row-modern{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:.5rem}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.default-rate-item svg line,.default-rate-item svg path,.mode-badge-enhanced .mode-icon line,.mode-badge-enhanced .mode-icon path{fill:none!important;stroke:currentColor!important}.mode-badge-enhanced{background:none!important;border:none!important;border-radius:12px!important;box-shadow:none!important;font-size:.8rem!important;font-weight:600!important;gap:0!important;padding:.25rem .75rem!important;transform:none!important;transition:none!important}.mode-badge-enhanced.physical{background:#1e40af26!important;border:1px solid #1e40af4d!important;color:#1e40af!important}.mode-badge-enhanced.online{background:#92400e26!important;border:1px solid #92400e4d!important;color:#92400e!important}.mode-badge-enhanced:hover{box-shadow:none!important;transform:none!important}.status-badge-modern.active{border:1px solid #10b9814d!important}.status-badge-modern.inactive{border:1px solid #dc26264d!important}.tutor-assignment-card-redesigned{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--gray-200)!important;border-radius:8px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;margin-bottom:.625rem!important;min-width:0!important;padding:.75rem 1rem!important;position:relative!important;transition:all .2s ease!important;width:100%!important}.tutor-assignment-card-redesigned:before{display:none!important}.tutor-assignment-card-redesigned:hover{background:#fafafa!important;border-color:#893c3b!important;border-color:var(--primary)!important;box-shadow:0 2px 8px #893c3b1a!important;transform:none!important}.tutor-top-row-redesigned{flex-wrap:nowrap!important;gap:1rem!important;overflow:visible!important;width:100%!important}.tutor-header-redesigned,.tutor-top-row-redesigned{align-items:center!important;display:flex!important;min-width:0!important}.tutor-header-redesigned{border-bottom:none!important;flex:1 1 auto!important;gap:.75rem!important;margin-bottom:0!important;overflow:hidden!important;padding-bottom:0!important}.tutor-avatar-redesigned{align-items:center!important;background:linear-gradient(135deg,#893c3b,#6d2f2e)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:.875rem!important;font-weight:700!important;height:32px!important;justify-content:center!important;width:32px!important}.tutor-info-redesigned{flex:0 1 auto!important;max-width:120px!important;min-width:0!important;overflow:hidden!important}.tutor-name-redesigned{color:#893c3b!important;color:var(--primary)!important;font-size:.9rem!important;font-weight:600!important;line-height:1.3!important;margin-bottom:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.default-indicator-redesigned{align-items:center!important;color:#b8935a!important;color:var(--accent-dark)!important;display:flex!important;font-size:.7rem!important;font-style:normal!important;font-weight:500!important;gap:.25rem!important;margin-top:2px!important}.default-indicator-redesigned svg{flex-shrink:0!important;height:10px!important;opacity:.7!important;width:10px!important}.rate-commission-grid-redesigned{flex-shrink:0!important;gap:1rem!important;grid-template-columns:none!important;justify-content:flex-end!important;margin-bottom:0!important}.rate-commission-grid-redesigned,.rate-section-redesigned{align-items:center!important;display:flex!important;min-width:-webkit-fit-content!important;min-width:fit-content!important}.rate-section-redesigned{flex:0 0 auto!important;flex-direction:row!important;flex-shrink:0!important;gap:.5rem!important;white-space:nowrap!important}.rate-label-redesigned{color:var(--gray-600)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:normal!important;margin:0!important;text-transform:none!important;white-space:nowrap!important}.rate-input-wrapper-redesigned{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border:1px solid var(--gray-300)!important;border-radius:6px!important;box-shadow:none!important;display:flex!important;min-width:90px!important;padding:.375rem .5rem!important;transform:none!important;transition:all .2s ease!important}.rate-input-wrapper-redesigned:focus-within{border-color:#cba763!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px #cba7631a!important;transform:none!important}.currency-symbol-redesigned{color:var(--gray-600)!important;flex-shrink:0!important;font-size:.85rem!important;font-weight:600!important;margin-right:.25rem!important}.rate-input-redesigned{background:none!important;border:none!important;color:#111827!important;color:var(--gray-900)!important;font-size:.9rem!important;font-weight:600!important;outline:none!important;text-align:center!important;width:50px!important}.rate-input-redesigned.using-default{color:#6b7280!important;color:var(--gray-500)!important}.rate-input-redesigned::placeholder{color:var(--gray-400)!important;font-style:italic!important;font-weight:500!important}.rate-unit-redesigned{color:var(--gray-600)!important;flex-shrink:0!important;font-size:.8rem!important;margin-left:.25rem!important}.commission-section-redesigned{align-items:center!important;display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-shrink:0!important;gap:.5rem!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;white-space:nowrap!important}.commission-label-redesigned{color:var(--gray-600)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:normal!important;margin:0!important;text-transform:none!important;white-space:nowrap!important}.commission-display-redesigned{align-items:center!important;border-radius:6px!important;box-shadow:none!important;display:flex!important;font-size:.85rem!important;font-weight:700!important;gap:.25rem!important;justify-content:center!important;min-width:75px!important;padding:.375rem .625rem!important;transform:none!important;transition:all .2s ease!important;white-space:nowrap!important}.commission-display-redesigned.positive{background:#d1fae5!important;border:1px solid #10b9814d!important;color:#065f46!important}.commission-display-redesigned.negative{background:#fee2e2!important;border:1px solid #dc26264d!important;color:#991b1b!important}.commission-display-redesigned:hover{transform:none!important}.commission-sign{font-size:.75rem!important;opacity:.8!important}.commission-value{font-weight:700!important}.btn-remove-tutor-redesigned{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:var(--gray-400)!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:28px!important;justify-content:center!important;margin-left:auto!important;transform:none!important;transition:all .2s!important;width:28px!important}.btn-remove-tutor-redesigned:hover{background:#dc26261a!important;color:#dc2626!important;color:var(--danger)!important;transform:none!important}.btn-remove-tutor-redesigned svg{height:14px!important;width:14px!important}@media (max-width:768px){.tutor-assignment-card-redesigned{flex-wrap:wrap!important;gap:.75rem!important}.tutor-header-redesigned{flex:1 1 100%!important}.rate-commission-grid-redesigned{flex:1 1 100%!important;justify-content:space-between!important}.btn-remove-tutor-redesigned{position:absolute!important;right:.75rem!important;top:.75rem!important}}@media (max-width:480px){.tutor-assignment-card-redesigned{padding:.625rem .75rem!important}.tutor-info-redesigned{max-width:140px!important}.rate-commission-grid-redesigned{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important}.commission-section-redesigned,.rate-section-redesigned{justify-content:space-between!important;width:100%!important}}.subject-card-modern.editing .subject-name-input-redesigned{background:#fff!important;border:2px solid #cba763!important;border-radius:10px!important;box-shadow:0 2px 4px #0000000d!important;color:#893c3b!important;display:block!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:1.3rem!important;font-weight:700!important;line-height:1.4!important;margin-bottom:1rem!important;padding:.75rem 1rem!important;text-align:left!important;width:100%!important}.subject-card-modern.editing .mode-select-redesigned{-webkit-appearance:none!important;appearance:none!important;background-position:right .875rem center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;border:2px solid!important;border-radius:24px!important;cursor:pointer!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.875rem!important;font-weight:600!important;line-height:normal!important;padding:.625rem 2.5rem .625rem 1.125rem!important;text-align:left!important;transition:all .2s ease!important}.subject-card-modern.editing .mode-select-redesigned.physical{background-color:#dbeafe!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;border-color:#60a5fa!important;color:#1e40af!important}.subject-card-modern.editing .mode-select-redesigned.online{background-color:#fef3c7!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%2392400e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;border-color:#fbbf24!important;color:#92400e!important}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned{align-items:center!important;border:2px solid!important;border-radius:24px!important;cursor:pointer!important;display:inline-flex!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;line-height:normal!important;padding:.625rem 1.125rem!important;text-align:left!important;transition:all .2s ease!important}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned.active{background-color:#d1fae5!important;border-color:#34d399!important;color:#065f46!important}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned.inactive{background-color:#fee2e2!important;border-color:#f87171!important;color:#991b1b!important}.subject-card-modern.editing .subject-title-section-redesigned.editing{background:#fafafa!important;border:2px solid #e5e7eb!important;border-radius:12px!important;display:block!important;margin-bottom:1.25rem!important;padding:1.25rem!important}.subject-card-modern.editing .subject-badges-row-redesigned.editing{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:.75rem!important}.subject-card-modern.editing .subject-rate-section-redesigned.editing{gap:.75rem!important;margin-bottom:1rem!important;padding:1rem!important}.subject-card-modern.editing .rate-input-inline-redesigned,.subject-card-modern.editing .subject-rate-section-redesigned.editing{align-items:center!important;background:#fff!important;border:2px solid #cba763!important;border-radius:8px!important;display:flex!important}.subject-card-modern.editing .rate-input-inline-redesigned{gap:.5rem!important;margin-left:auto!important;padding:.5rem .75rem!important}.subject-card-modern.editing .rate-input-inline-redesigned .rate-input-small{background:#0000!important;border:none!important;color:#cba763!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:1.1rem!important;font-weight:700!important;padding:.25rem!important;text-align:center!important;width:80px!important}.subject-title-section-redesigned.editing{background:#fafafa!important;border:2px solid #e5e7eb!important;border-radius:12px!important;margin-bottom:1.25rem!important;padding:1.25rem!important}.subject-name-input-redesigned{background:#fff!important;border:2px solid #cba763!important;border-radius:10px!important;box-shadow:0 2px 4px #0000000d!important;color:#893c3b!important;font-size:1.3rem!important;font-weight:700!important;line-height:1.4!important;margin-bottom:1rem!important;padding:.75rem 1rem!important;width:100%!important}.mode-select-redesigned,.subject-name-input-redesigned{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mode-select-redesigned{-webkit-appearance:none!important;appearance:none!important;background-position:right .875rem center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;border:2px solid!important;border-radius:24px!important;cursor:pointer!important;display:inline-block!important;font-size:.875rem!important;font-weight:600!important;padding:.625rem 2.5rem .625rem 1.125rem!important;transition:all .2s ease!important}.mode-select-redesigned.physical{background-color:#dbeafe!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;border-color:#60a5fa!important;color:#1e40af!important}.mode-select-redesigned.online{background-color:#fef3c7!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%2392400e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;border-color:#fbbf24!important;color:#92400e!important}.status-toggle-redesigned .status-badge-redesigned{align-items:center!important;border:2px solid!important;border-radius:24px!important;cursor:pointer!important;display:inline-flex!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.875rem!important;font-weight:600!important;gap:.5rem!important;padding:.625rem 1.125rem!important;transition:all .2s ease!important}.status-toggle-redesigned .status-badge-redesigned.active{background-color:#d1fae5!important;border-color:#34d399!important;color:#065f46!important}.status-toggle-redesigned .status-badge-redesigned.inactive{background-color:#fee2e2!important;border-color:#f87171!important;color:#991b1b!important}.status-toggle-redesigned .status-badge-redesigned.active:before{content:"✓"!important;font-size:1rem!important;font-weight:700!important}.status-toggle-redesigned .status-badge-redesigned.inactive:before{content:"✕"!important;font-size:1rem!important;font-weight:700!important}.subject-rate-section-redesigned.editing{gap:.75rem!important;margin-bottom:1rem!important;padding:1rem!important}.rate-input-inline-redesigned,.subject-rate-section-redesigned.editing{align-items:center!important;background:#fff!important;border:2px solid #cba763!important;border-radius:8px!important;display:flex!important}.rate-input-inline-redesigned{gap:.5rem!important;margin-left:auto!important;padding:.5rem .75rem!important}.rate-input-inline-redesigned .rate-input-small{background:#0000!important;border:none!important;color:#cba763!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:1.1rem!important;font-weight:700!important;padding:.25rem!important;text-align:center!important;width:80px!important}.tutor-assignment-card-redesigned{gap:.75rem!important;overflow:hidden!important}.tutor-info-redesigned{max-width:160px!important;min-width:100px!important}.rate-commission-grid-redesigned{flex:1 1 auto!important;gap:.75rem!important}.rate-input-wrapper-redesigned{flex-shrink:0!important;max-width:100px!important;min-width:85px!important}.commission-display-redesigned{flex-shrink:0!important;font-size:.8rem!important;max-width:80px!important;min-width:65px!important;padding:.375rem .5rem!important}.commission-value{font-size:.8rem!important}.commission-sign{font-size:.7rem!important}.tutor-assignment-card-display-redesigned{gap:.75rem!important;overflow:hidden!important}.tutor-info-display-redesigned{max-width:160px!important;min-width:100px!important}.rate-commission-display-redesigned{flex:1 1 auto!important;gap:.75rem!important}.rate-value-display-redesigned{flex-shrink:0!important;max-width:100px!important;min-width:85px!important;padding:.375rem .5rem!important}.commission-value-display-redesigned{flex-shrink:0!important;font-size:.8rem!important;max-width:80px!important;min-width:65px!important;padding:.375rem .5rem!important}.subject-card-modern.editing .commission-section-redesigned{display:none!important}.subject-card-modern.editing .rate-commission-grid-redesigned{justify-content:flex-start!important}.subject-card-modern.editing .rate-section-redesigned{flex:0 0 auto!important}.subject-card-modern.editing .rate-input-wrapper-redesigned{max-width:130px!important;min-width:110px!important}.subject-card-modern.editing .rate-input-redesigned{width:60px!important}.tutee-profile input,.tutee-profile select,.tutee-profile textarea,.tutor-profile input,.tutor-profile select,.tutor-profile textarea{font-weight:400!important}.form-row-two-col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-field.has-error .input-wrapper .currency-input input,.form-field.has-error .input-wrapper input{animation:shake .3s ease-in-out;border-color:#dc2626!important;border-color:var(--danger)!important}.field-error-tooltip{bottom:-35px;box-shadow:0 4px 12px #dc26264d;font-size:.8rem;padding:.5rem .75rem;pointer-events:none;right:0;z-index:100}.field-error-tooltip:before{border-bottom:6px solid #dc2626;border-bottom:6px solid var(--danger);border-left:6px solid #0000;border-right:6px solid #0000;height:0;left:20px;top:-6px;width:0}.field-error-tooltip.fade-in{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-field .input-wrapper{position:relative}.add-subject-form .form-field{margin-bottom:1.5rem}.schedule-section-compact{border-top:none!important;margin-top:0!important;padding-top:0!important;width:100%!important}.schedule-label-compact{color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.schedules-list-compact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.schedule-chip-compact{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;gap:.5rem;padding:.4rem .5rem}.schedule-day-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:4px;color:#374151;color:var(--gray-700);cursor:pointer;flex:0 0 80px;font-size:.8rem;font-weight:500;padding:.35rem .5rem}.schedule-day-select:focus{border-color:#cba763;border-color:var(--accent);outline:none}.schedule-time-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:4px;color:#374151;color:var(--gray-700);flex:1 1;font-size:.8rem;font-weight:500;padding:.35rem .5rem}.schedule-time-input:focus{border-color:#cba763;border-color:var(--accent);outline:none}.btn-remove-schedule-compact{align-items:center;background:#dc26261a;border:none;border-radius:4px;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.btn-remove-schedule-compact:hover{background:#dc262633}.no-schedule-text{color:var(--gray-400);display:block;font-size:.8rem;font-style:italic;padding:.5rem}.btn-add-schedule-compact{align-items:center;background:#0000;border:1px dashed #d1d5db;border:1px dashed var(--gray-300);border-radius:6px;color:var(--gray-600);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.btn-add-schedule-compact:hover{background:#f9fafb;background:var(--gray-50);border-color:#cba763;border-color:var(--accent);color:#b8935a;color:var(--accent-dark)}.btn-add-schedule-compact svg{flex-shrink:0}.schedule-display-compact{border-top:none!important;margin-top:0!important;padding-top:0!important;width:100%!important}.schedule-label-display{color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.schedules-display-list{display:flex;flex-wrap:wrap;gap:.5rem}.schedule-badge-compact{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:6px;color:#1e40af;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.35rem .65rem}.schedule-badge-compact svg{stroke:#1e40af;flex-shrink:0}.schedule-day-display{font-weight:700}.schedule-time-display{font-weight:500;opacity:.9}@media (max-width:768px){.schedule-chip-compact{flex-wrap:wrap}.schedule-day-select{flex:1 1 auto;min-width:70px}.schedule-time-input{flex:1 1 auto;min-width:100px}}.input-with-tooltip{display:inline-block;position:relative;width:100%}.custom-tooltip{animation:tooltipFadeIn .2s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-left:4px solid #cba763;border-left:4px solid var(--accent);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#374151;color:var(--gray-700);font-size:.8rem;font-weight:500;left:0;margin-top:8px;padding:12px 16px;position:absolute;right:0;top:100%;z-index:1000}.custom-tooltip:before{border-bottom:6px solid #f59e0b;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:20px;position:absolute;top:-6px;width:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.subject-card-modern.editing .subject-title-section-redesigned.editing{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.subject-name-input-redesigned{background:#fff;border:2px solid #cba763;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#893c3b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.3rem;font-weight:700;line-height:1.4;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.subject-name-input-redesigned:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a,0 2px 4px #0000000d;outline:none}.subject-name-input-redesigned::placeholder{color:#9ca3af;font-weight:600}.subject-card-modern .subject-badges-row-redesigned{align-items:center;display:flex;flex-wrap:wrap}.subject-card-modern .subject-badges-row-redesigned,.subject-card-modern.editing .subject-badges-row-redesigned.editing{gap:.75rem;width:-webkit-fit-content!important;width:fit-content!important}.subject-card-modern.editing .mode-select-redesigned{-webkit-appearance:none;appearance:none;background-position:right .875rem center;background-repeat:no-repeat;background-size:14px 14px;border:2px solid;border-radius:24px;cursor:pointer;display:inline-block!important;flex-grow:0!important;flex-shrink:0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;max-width:200px!important;min-width:140px!important;padding:.625rem 2.5rem .625rem 1.125rem;transition:all .2s ease;width:auto!important}.subject-card-modern.editing .mode-select-redesigned.physical{background-color:#dbeafe;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%231e40af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#60a5fa;color:#1e40af}.subject-card-modern.editing .mode-select-redesigned.online{background-color:#fef3c7;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%2392400e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#fbbf24;color:#92400e}.subject-card-modern.editing .mode-select-redesigned:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.subject-card-modern.editing .mode-select-redesigned:focus{box-shadow:0 0 0 3px #cba76333;outline:none}.subject-card-modern.editing .mode-select-redesigned option{background:#fff;color:#111827;padding:.5rem}.subject-card-modern.editing .status-toggle-redesigned{cursor:pointer;display:inline-flex!important;flex-grow:0!important;flex-shrink:0!important;max-width:150px!important;min-width:120px!important;-webkit-user-select:none;user-select:none;width:auto!important}.subject-card-modern.editing .status-toggle-redesigned input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned{align-items:center;border:2px solid;border-radius:24px;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .2s ease;white-space:nowrap;width:100%!important}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned.active{background-color:#d1fae5;border-color:#34d399;color:#065f46}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned.inactive{background-color:#fee2e2;border-color:#f87171;color:#991b1b}.subject-card-modern.editing .status-toggle-redesigned:hover .status-badge-redesigned{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned.active:before{content:"✓";font-size:1rem;font-weight:700}.subject-card-modern.editing .status-toggle-redesigned .status-badge-redesigned.inactive:before{content:"✕";font-size:1rem;font-weight:700}.subject-title-section-redesigned{border-bottom:2px solid #f3f4f6;margin-bottom:1rem;padding-bottom:1rem}.subject-name-redesigned{color:#893c3b;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-badge-redesigned{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;text-transform:capitalize;transition:all .2s ease;white-space:nowrap;width:auto}.mode-badge-redesigned.physical{background:#dbeafe;border-color:#60a5fa;color:#1e40af}.mode-badge-redesigned.online{background:#fef3c7;border-color:#fbbf24;color:#92400e}.status-badge-redesigned{align-items:center;border:2px solid;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap;width:auto}.status-badge-redesigned.active{background:#d1fae5;border-color:#34d399;color:#065f46}.status-badge-redesigned.inactive{background:#fee2e2;border-color:#f87171;color:#991b1b}.subject-rate-section-redesigned{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.subject-rate-section-redesigned.editing{background:#fff;border-color:#cba763;padding:1rem}.rate-label-small{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.rate-value-small{color:#cba763;font-size:1.1rem;font-weight:700;margin-left:auto}.rate-input-inline-redesigned{align-items:center;background:#fff;border:2px solid #cba763;border-radius:8px;display:flex;gap:.5rem;margin-left:auto;padding:.5rem .75rem;transition:all .2s ease}.rate-input-inline-redesigned:focus-within{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a}.rate-input-inline-redesigned .currency-symbol{color:#6b7280;flex-shrink:0;font-size:1rem;font-weight:600}.rate-input-inline-redesigned .rate-input-small{background:#0000;border:none;color:#cba763;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;font-weight:700;padding:.25rem;text-align:center;width:80px}.rate-input-inline-redesigned .rate-input-small:focus{outline:none}.rate-input-inline-redesigned .rate-unit{color:#6b7280;flex-shrink:0;font-size:.9rem}.subject-divider{background:#e5e7eb;height:1px;margin:1rem 0}.subject-schedule-section-redesigned{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0}.subject-schedule-section-redesigned.editing{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.schedule-field-inline{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:130px 100px auto;width:100%}.schedule-label-small{color:#6b7280;font-size:.875rem;font-weight:500;text-align:right;white-space:nowrap}.schedule-input-small{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;font-weight:600;padding:.5rem .75rem;transition:all .2s ease;width:100px}.schedule-input-small:focus{border-color:#cba763;box-shadow:0 0 0 3px #cba7631a;outline:none}.schedule-unit{color:#6b7280;font-size:.875rem;font-weight:500;white-space:nowrap}.schedule-info-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.schedule-info-item svg{color:#9ca3af;flex-shrink:0}.schedule-value-small{color:#374151;font-weight:600;margin-left:.25rem}@media (max-width:768px){.subject-name-input-redesigned,.subject-name-redesigned{font-size:1.2rem}.subject-badges-row-redesigned{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.mode-badge-redesigned,.mode-select-redesigned,.status-badge-redesigned,.status-toggle-redesigned{flex-shrink:0;width:auto}.subject-rate-section-redesigned{align-items:flex-start;flex-direction:column;gap:.5rem}.rate-input-inline-redesigned{justify-content:space-between;margin-left:0;width:100%}.subject-schedule-section-redesigned{align-items:stretch;flex-direction:column;gap:.75rem}.schedule-field-inline{gap:.5rem;grid-template-columns:100px 1fr auto}.schedule-label-small{text-align:left}.schedule-input-small{max-width:120px;width:100%}}:root{--terracotta:#c97d60;--rust:#a85a44;--sand:#e8d5b7;--info:#3b82f6}.tutor-detail{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.btn-back-modern{border:2px solid var(--gray-200);color:var(--gray-700)}.btn-back-modern:hover{background:var(--gray-50);border-color:#cba763;border-color:var(--accent)}.btn-cancel{border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.5rem;transition:all .3s}.btn-cancel:hover{background:#f9fafb;background:var(--gray-50);border-color:var(--gray-400)}.detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:2rem;position:relative}.detail-card h2{border-bottom:3px solid #e5e7eb;border-bottom:3px solid var(--gray-200);color:#893c3b;color:var(--primary);font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;position:relative}.detail-card h2:after{background:linear-gradient(90deg,#893c3b,#cba763);background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.btn-edit-section{align-items:center;background:none;border:none;border-radius:8px;color:#b8935a;color:var(--accent-dark);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;opacity:.7;padding:.5rem;transition:all .2s;width:36px}.btn-edit-section:hover{background:#e8d5b7;background:var(--sand);opacity:1;transform:scale(1.05)}.btn-edit-section svg{stroke-width:1.5;height:16px;width:16px}.section-actions{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.btn-save-section{background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.5rem;transition:all .3s}.btn-save-section:hover{box-shadow:0 4px 12px #cba7634d;transform:translateY(-1px)}.btn-cancel-section{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.5rem;transition:all .3s}.btn-cancel-section:hover{background:#f9fafb;background:var(--gray-50);border-color:var(--gray-400)}.btn-add-education{align-items:center;background:linear-gradient(135deg,#cba763,#b8935a);background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.625rem 1.25rem;transition:all .3s}.btn-add-education:hover{box-shadow:0 4px 12px #cba7634d;transform:translateY(-1px)}.profile-header{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:2rem;padding:2rem;position:relative}.profile-header-main{align-items:flex-start;display:flex;gap:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;box-shadow:0 4px 12px #893c3b33;color:#fff;display:flex;flex-shrink:0;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.profile-header-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.profile-header-info h1{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.profile-email{color:var(--gray-600);font-size:.95rem;margin:0}.profile-badges,.status-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.status-badge-new{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:all .2s}.status-badge-new.active{background:#10b9811a;color:#059669}.status-badge-new.inactive{background:#ef44441a;color:#dc2626}.badge-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-badge-new.active .badge-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-badge-new.inactive .badge-dot{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.role-badge-new{background:#893c3b14;color:#893c3b;color:var(--primary)}.code-badge-new,.role-badge-new{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .75rem}.code-badge-new{background:#cba7631f;color:#b8935a;color:var(--accent-dark)}.profile-timestamps-footer{align-items:center;color:var(--gray-400);display:flex;font-size:.75rem;font-style:italic;gap:.75rem;margin-top:.75rem;opacity:.7}.timestamp-separator{color:var(--gray-400);font-style:normal}.profile-actions-redesigned{display:flex;flex-direction:column;gap:8px;position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.action-button{align-items:center;background:#fff;border:1px solid;border-radius:6px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;min-width:130px;outline:none;padding:12px 18px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-button:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.action-button:active{box-shadow:0 1px 3px #00000014;transform:translateY(0)}.reset-password-style{border-color:#3b82f6;color:#1d4ed8}.reset-password-style:hover{background:#eff6ff;border-color:#2563eb;color:#1e40af}.archive-style{border-color:#cbd5e1;color:#64748b}.archive-style:hover{background:#f8fafc;border-color:#94a3b8;color:#475569}.reactivate-style{border-color:#a7f3d0;color:#059669}.reactivate-style:hover{background:#f0fdf4;border-color:#6ee7b7;color:#047857}.delete-style{border-color:#fecaca;color:#dc2626}.delete-style:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.action-button svg{flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.profile-actions-redesigned{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:1rem;position:static;transform:none}}.profile-overview{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.profile-main{align-items:flex-start;flex:1 1;gap:2rem}.tutor-avatar-large{background:linear-gradient(135deg,#893c3b,#6d2f2e)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:4px solid #fff!important;border-radius:50%!important;box-shadow:0 8px 25px #893c3b4d!important;font-size:2.5rem;height:100px!important;width:100px!important}.profile-info h1{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;margin:0 0 .75rem}.profile-actions{flex-direction:column;flex-shrink:0;gap:.75rem}.btn-profile-action{border:2px solid;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;padding:.625rem 1rem;white-space:nowrap}.btn-profile-action svg{flex-shrink:0}.btn-profile-action.btn-archive{background:#fff;border-color:#b8935a;border-color:var(--accent-dark);color:var(--accent-darker)}.btn-profile-action.btn-archive:hover{background:#e8d5b7;background:var(--sand);transform:translateY(-1px)}.btn-profile-action.btn-activate{background:#fff;border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.btn-profile-action.btn-activate:hover{background:#d1fae5;transform:translateY(-1px)}.btn-profile-action.btn-reset{background:#fff;border-color:#3b82f6;border-color:var(--info);color:#3b82f6;color:var(--info)}.btn-profile-action.btn-reset:hover{background:#dbeafe;transform:translateY(-1px)}.btn-profile-action.btn-delete{background:#fff;border-color:#dc2626;border-color:var(--danger);color:#dc2626;color:var(--danger)}.btn-profile-action.btn-delete:hover{background:#fee2e2;transform:translateY(-1px)}.status-badge-large{border-radius:20px;display:inline-block;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem}.status-badge-large.active{background:#e8d5b7;background:var(--sand);border:2px solid #b8935a;border:2px solid var(--accent-dark);color:var(--accent-darker)}.status-badge-large.inactive{background:#ffe4e1;border:2px solid #a04d4b;border:2px solid var(--primary-light);color:#6d2f2e;color:var(--primary-dark)}.profile-meta{margin-top:1rem}.meta-label{color:#6b7280;color:var(--gray-500);font-size:.85rem;font-weight:500}.meta-value{color:var(--gray-800);font-size:.95rem}.info-grid{grid-gap:1.5rem;gap:1.5rem}.info-item p{padding:.75rem}.info-item p.bio-text{line-height:1.6;white-space:pre-wrap}.info-item a{color:#b8935a;color:var(--accent-dark);text-decoration:none}.info-item a:hover{text-decoration:underline}.info-item input,.info-item textarea{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#111827;color:var(--gray-900);display:block;font-family:inherit;font-size:.95rem;font-weight:400;min-height:42px;padding:.75rem;transition:all .3s;width:100%}.info-item input:focus,.info-item textarea:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.education-section{display:flex;flex-direction:column;gap:1.5rem}.education-entry{background:#f9fafb;background:var(--gray-50);border-left:4px solid #cba763;border-left:4px solid var(--accent);border-radius:10px;padding:1.25rem}.education-entry.editable{background:#fff;border:2px solid #e5e7eb;border-left:4px solid #cba763;border:2px solid var(--gray-200);border-left:4px solid var(--accent);padding-top:2.5rem;position:relative}.education-entry-header{margin-bottom:1rem}.education-entry h3{color:var(--accent-darker);font-size:1.1rem;font-weight:600;margin:0}.btn-remove-education{align-items:center;background:#fff;border:2px solid #dc2626;border:2px solid var(--danger);border-radius:6px;color:#dc2626;color:var(--danger);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s;width:32px}.btn-remove-education:hover{background:#fee2e2;transform:scale(1.05)}.education-form{display:flex;flex-direction:column;gap:1rem}.education-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.education-form .form-group{display:flex;flex-direction:column;gap:.5rem}.education-form .form-group label{color:var(--gray-600);font-size:.8rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.education-form .form-group input,.education-form .form-group select{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:6px;color:#111827;color:var(--gray-900);font-family:inherit;font-size:.9rem;font-weight:400;padding:.625rem;transition:all .3s}.education-form .form-group input:focus,.education-form .form-group select:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.education-details p{color:#374151;color:var(--gray-700);font-size:.95rem;margin:.5rem 0}.education-details strong{color:var(--gray-800);font-weight:600}.tutees-list{display:flex;flex-direction:column;gap:1rem}.tutee-card-detailed{border-radius:10px}.tutee-card-detailed.clickable:hover{border-color:#893c3b;border-color:var(--primary);box-shadow:0 4px 12px #893c3b26;transform:translateY(-2px)}.tutee-header{margin-bottom:1rem}.subject-tags{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{background:#cba76326;border:1px solid #cba7634d;border-radius:12px;color:#b8935a;color:var(--accent-dark);display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.no-data{color:#6b7280;color:var(--gray-500);padding:2rem}.alert-success{background:#d1fae5;border-left:3px solid #10b981;border-left:3px solid var(--success);color:#065f46}.loading{color:#893c3b;color:var(--primary);font-size:1.1rem;font-weight:600;padding:4rem}.error{background:#fee2e2;border-left:3px solid #dc2626;border-left:3px solid var(--danger);border-radius:8px;color:#991b1b;font-weight:500;margin:2rem;padding:1.125rem}@media (max-width:768px){.tutor-detail{padding:1rem}.detail-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:stretch}.header-actions button{flex:1 1}.profile-overview{align-items:stretch;flex-direction:column}.profile-main{align-items:center;flex-direction:column;text-align:center}.profile-actions{flex-direction:row;flex-wrap:wrap}.btn-profile-action{flex:1 1;min-width:140px}.btn-profile-action,.profile-meta{justify-content:center}.info-grid{grid-template-columns:1fr!important}.tutees-list{grid-template-columns:1fr}}.namecard-header{margin-bottom:.75rem}.namecard-display{align-items:center;display:flex;gap:.75rem}.namecard-display h1{color:#893c3b;color:var(--primary);font-size:1.75rem;font-weight:700;margin:0;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-edit-name{align-items:center;background:none;border:none;border-radius:6px;color:#b8935a;color:var(--accent-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:.5rem;transition:all .2s;width:32px}.btn-edit-name:hover{background:#e8d5b7;background:var(--sand);transform:scale(1.1)}.btn-edit-name svg{stroke:#b8935a;stroke:var(--accent-dark)}.name-input,.namecard-edit{margin-bottom:.75rem}.name-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;color:#893c3b;color:var(--primary);font-size:1.5rem;font-weight:700;max-width:400px;padding:.75rem;width:100%}.name-input::placeholder{color:var(--gray-400)}.name-input:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.namecard-actions{display:flex;gap:.5rem}.btn-cancel-namecard,.btn-save-namecard{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-save-namecard{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.btn-save-namecard:hover{box-shadow:0 4px 12px #893c3b4d;transform:translateY(-1px)}.btn-cancel-namecard{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-cancel-namecard:hover{background:#f9fafb;background:var(--gray-50);border-color:#cba763;border-color:var(--accent)}.profile-badges{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1rem}.status-badge-large{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:600;height:-webkit-fit-content;height:fit-content;letter-spacing:.5px;line-height:1;padding:.5rem .875rem;text-transform:uppercase}.status-badge-large.active{background:#10b98126;border:2px solid #10b9814d;color:#10b981}.status-badge-large.inactive{background:#dc262626;border:2px solid #dc26264d;color:#dc2626}.role-badge{background:#0000;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700)}.code-badge,.role-badge{align-items:center;display:inline-flex;font-size:.8rem;height:-webkit-fit-content;height:fit-content;line-height:1;padding:.5rem .875rem}.code-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:6px;color:#92400e;font-weight:600;letter-spacing:.5px}.info-grid{grid-gap:1.25rem;display:grid!important;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;width:100%}.info-item{display:flex!important;flex-direction:column!important;gap:.5rem;min-width:0}.info-item label{color:var(--gray-600);font-size:.8rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.info-item p{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;font-size:.95rem;margin:0;padding:.625rem .75rem}.info-item input,.info-item p,.info-item select,.info-item textarea{color:#111827;color:var(--gray-900);display:block;font-weight:400;min-height:42px;width:100%}.info-item input,.info-item select,.info-item textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .3s}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.profile-overview{background:#fff;color:#111827;color:var(--gray-900)}.profile-main{align-items:center;display:flex;gap:1.5rem}.tutor-avatar-large{align-items:center;background:linear-gradient(135deg,#c97d60,#a85a44);background:linear-gradient(135deg,var(--terracotta) 0,var(--rust) 100%);border-radius:16px;box-shadow:0 2px 8px #c97d6033;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-info{flex:1 1}.profile-meta{display:flex;font-size:.85rem;gap:2rem;opacity:.9}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.8rem;opacity:.8}.meta-value{font-weight:600}.profile-actions{display:flex;gap:.625rem;margin-top:1.5rem}.btn-profile-action{align-items:center;background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:6px;color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem .875rem;transition:all .2s}.btn-profile-action:hover{background:#f9fafb;background:var(--gray-50);border-color:#cba763;border-color:var(--accent);transform:translateY(-1px)}.btn-profile-action svg{stroke-width:1.5}.namecard-content{align-items:flex-start;display:flex;gap:.75rem;min-height:48px}.btn-edit-name-inline{align-items:center;background:none;border:none;border-radius:6px;color:#b8935a;color:var(--accent-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:8px;padding:0;transition:all .2s;width:32px}.btn-edit-name-inline:hover{background:#e8d5b7;background:var(--sand);transform:scale(1.1)}.btn-edit-name-inline svg{transition:transform .3s ease}.namecard-content:has(.name-input) .btn-edit-name-inline{color:#dc2626;color:var(--danger)}.namecard-content:has(.name-input) .btn-edit-name-inline:hover{background:#fee2e2}.namecard-content:has(.name-input) .btn-edit-name-inline svg{transform:rotate(90deg)}.namecard-content h1{color:#893c3b;color:var(--primary);flex:1 1;font-size:1.75rem;font-weight:700;line-height:1.3;margin:8px 0 0;min-width:0}.btn-save-namecard-icon{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-top:6px;padding:0;transition:all .2s;width:36px}.btn-save-namecard-icon:hover{box-shadow:0 4px 12px #893c3b4d;transform:translateY(-1px) scale(1.05)}.btn-save-namecard-icon svg{stroke-width:2.5}.editable-card{position:relative}.editable-card.editing{background:#fff;border-color:#893c3b;border-color:var(--primary)}.btn-edit-card-corner{align-items:center;background:none;border:none;border-radius:6px;color:#b8935a;color:var(--accent-dark);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px;z-index:10}.btn-edit-card-corner:hover{background:#e8d5b7;background:var(--sand);transform:scale(1.1)}.btn-edit-card-corner svg{transition:transform .3s ease}.editable-card.editing .btn-edit-card-corner{color:#dc2626;color:var(--danger)}.editable-card.editing .btn-edit-card-corner:hover{background:#fee2e2;transform:scale(1.1) rotate(90deg)}.editable-card.editing .btn-edit-card-corner svg{transform:rotate(90deg)}.section-actions-single{border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.tutee-card-detailed{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .2s}.tutee-card-detailed:hover{border-color:#893c3b;border-color:var(--primary);box-shadow:0 4px 12px #893c3b26;transform:translateY(-2px)}.tutee-subjects-detailed{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.subject-detail-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:1rem;transition:all .2s}.subject-detail-card:hover{border-color:#b8935a;border-color:var(--accent-dark)}.subject-detail-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.subject-name{color:var(--gray-800);font-size:1rem;font-weight:600}.mode-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.mode-badge.physical{background:#dbeafe;color:#1e40af}.mode-badge.online{background:#fef3c7;color:#92400e}.subject-rates{display:flex;flex-direction:column;gap:.5rem}.rate-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.rate-item.commission{background:#f0fdf4;border:1px solid #86efac}.rate-label{color:var(--gray-600);font-size:.9rem;font-weight:500}.rate-value{color:var(--gray-800);font-size:1rem;font-weight:600}.rate-value.positive{color:#16a34a}.rate-value.negative{color:#dc2626}.schedule-display{align-items:center;background:#fef3c7;border:1px solid #fde047;border-radius:6px;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.schedule-icon{font-size:1.1rem}.schedule-text{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:500}.rate-value.default-rate{color:#6b7280;color:var(--gray-500);font-style:italic}.default-badge-inline{background:#fef3c7;border-radius:10px;color:#92400e;display:inline-block;font-size:.7rem;font-style:normal;font-weight:600;margin-left:.5rem;padding:.125rem .5rem;vertical-align:middle}.subject-rates-detailed{display:flex;flex-direction:column;gap:.625rem;margin-top:.5rem}.rate-row{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:6px;display:flex;justify-content:space-between;padding:.625rem .875rem;transition:all .2s}.rate-row:hover{background:#f3f4f6;background:var(--gray-100)}.rate-row.commission-row{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.rate-row.commission-row:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.rate-value.client-rate{color:#893c3b;color:var(--primary);font-weight:700}.rate-value.tutor-rate{color:var(--accent-darker);font-weight:700}.rate-value.commission-value{font-size:1.05rem;font-weight:700}.rate-value.commission-value.positive{color:#16a34a}.rate-value.commission-value.negative{color:#dc2626}.schedule-display.no-schedule{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200)}.schedule-display.no-schedule .schedule-text.muted{color:var(--gray-400);font-style:italic}.tutee-subjects{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.tutee-subjects strong{color:#374151;color:var(--gray-700);font-size:.875rem}.tutee-header{align-items:flex-start;margin-bottom:.5rem}.tutee-header h3{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:600;margin:0}.tutee-school{color:#6b7280;color:var(--gray-500);font-size:.85rem;font-weight:500}.editable-section input,.editable-section select,.editable-section textarea,.info-grid input,.info-grid select,.info-grid textarea,.info-item input[type=date],.info-item input[type=email],.info-item input[type=number],.info-item input[type=tel],.info-item input[type=text],.info-item select,.info-item textarea,.profile-section.editing input[type=date],.profile-section.editing input[type=email],.profile-section.editing input[type=number],.profile-section.editing input[type=tel],.profile-section.editing input[type=text],.profile-section.editing select,.profile-section.editing textarea,.tutor-profile input,.tutor-profile select,.tutor-profile textarea,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-weight:400!important}.info-item{position:relative}.info-item.has-error input,.info-item.has-error select,.info-item.has-error textarea{animation:shake .3s ease-in-out;background-color:#fee2e2!important;border-color:#dc2626!important;border-color:var(--danger)!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.field-error-tooltip{animation:slideDown .2s ease-out;border-radius:6px;bottom:-28px;box-shadow:0 4px 6px -1px #dc26264d;color:#fff;font-size:.8125rem;font-weight:500;left:0;padding:.375rem .75rem;white-space:nowrap;z-index:1000}.field-error-tooltip,.field-error-tooltip:before{background:#dc2626;background:var(--danger);position:absolute}.field-error-tooltip:before{content:"";height:8px;left:12px;top:-4px;transform:rotate(45deg);width:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.field-error-icon{color:#dc2626;color:var(--danger);font-size:1.125rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.modal-overlay{padding:1rem}.edit-lesson-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{background:#f9fafb;padding:1.5rem}.modal-header h2{color:#893c3b;font-size:1.25rem}.close-btn{color:#6b7280;font-size:1.5rem;padding:.25rem;transition:all .2s}.close-btn:hover{background:#e5e7eb;color:#374151}.lesson-info{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:1.5rem}.info-row{margin-bottom:.75rem}.info-row .label{color:#374151}.info-row .value{color:#1f2937}.edit-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a}.form-group textarea{min-height:100px}.form-help{color:#6b7280;display:block;font-size:.8rem;font-style:italic;margin-top:.25rem}.form-actions{gap:1rem;margin-top:2rem;padding-top:1rem}.form-actions button{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.form-actions button[type=button]{background:#f3f4f6;border-color:#d1d5db;color:#374151}.form-actions button[type=button]:hover:not(:disabled){background:#e5e7eb}.save-btn{background:#893c3b;color:#fff}.save-btn:hover:not(:disabled){background:#6d2f2e}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.modal-footer{background:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.disclaimer{color:#6b7280;font-size:.8rem;line-height:1.4}.error-message{border-left:4px solid #dc2626;font-size:.9rem;padding:.75rem}@media (max-width:768px){.modal-overlay{padding:.5rem}.edit-lesson-modal{max-height:95vh}.edit-form,.lesson-info,.modal-footer,.modal-header{padding:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}}.monthly-report{margin:0 auto;max-width:1400px;padding:2rem}.report-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.report-summary-cards .summary-card{background:#f9fafb;border-left:4px solid #d1d5db;border-radius:6px;padding:20px 24px}.report-summary-cards .summary-card.highlight{background:#ecfdf5;border-left-color:#10b981}.report-summary-cards .card-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.report-summary-cards .card-value{color:#111827;font-size:28px;font-weight:700;line-height:1.2}.report-summary-cards .summary-card.highlight .card-value{color:#059669}.report-summary-cards .card-subtext{color:#6b7280;font-size:12px;font-weight:500;margin-top:8px}.report-controls{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.report-controls .filter-group{align-items:center;flex:0 0 auto;flex-direction:row;gap:.5rem}.report-controls .filter-group label{flex-shrink:0;font-size:.9rem;margin:0;white-space:nowrap}.report-controls .custom-multiselect{flex-shrink:0;min-width:180px;width:180px}.report-controls .multiselect-trigger{box-sizing:border-box;font-size:.9rem;min-height:38px;padding:.5rem .75rem;white-space:nowrap}.report-controls .multiselect-trigger span:first-child{display:inline-block;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.report-controls .dropdown-arrow{display:inline-block;flex-shrink:0;margin-left:.5rem;vertical-align:middle}.filter-group-container{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:1rem;padding:.5rem 1rem}.month-selector,.year-selector{align-items:center;display:flex;gap:.5rem}.month-selector label,.year-selector label{color:#1f2937;font-weight:600}.month-selector select,.year-selector select{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.report-filters{display:none}.custom-multiselect{width:100%}.multiselect-trigger{padding:.75rem;transition:all .3s}.multiselect-trigger:hover{border-color:#cba763}.dropdown-arrow{font-size:.8rem}.multiselect-dropdown{box-shadow:0 4px 12px #00000026;margin-top:.25rem}.multiselect-option{gap:.75rem;padding:.75rem;transition:background .2s}.multiselect-option:hover{background:#f8f9fa}.multiselect-option input[type=checkbox]{accent-color:#893c3b;height:18px;width:18px}.multiselect-option span{flex:1 1;-webkit-user-select:none;user-select:none}.report-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#893c3b,#6d2f2e);box-shadow:0 2px 8px #893c3b33;color:#fff;padding:1.5rem}.summary-card.commission{background:linear-gradient(135deg,#28a745,#218838)}.summary-card h3{font-size:.9rem;font-weight:500;margin:0 0 .5rem;opacity:.9}.summary-card h3,.summary-card p,.summary-value{color:#fff!important}.summary-value{font-size:2rem;margin:0}.lessons-table-container{box-shadow:0 2px 8px #0000001a;overflow-x:auto}.lessons-table thead{background:#f8f9fa}.lessons-table th{border-bottom:2px solid #dee2e6;color:#1f2937;padding:1rem;white-space:nowrap}.lessons-table td{border-bottom:1px solid #dee2e6;color:#374151;font-weight:400;padding:1rem}.lessons-table tbody tr:hover{background:#f8f9fa}.totals-row{border-top:3px solid #893c3b!important;font-weight:700}.totals-row,.totals-row:hover{background:#f8f9fa!important}.totals-label{color:#893c3b;font-size:.9rem;letter-spacing:1px;text-align:right}.totals-value{color:#1f2937;font-size:1.1rem;font-weight:700}.totals-commission{color:#28a745;font-size:1.1rem}.date-cell{word-wrap:break-word;font-weight:500;line-height:1.4;white-space:normal}.rate-cell,.total-cell{color:#1f2937;font-weight:600;white-space:nowrap}.payment-cell{color:#dc3545;font-weight:600;white-space:nowrap}.commission-cell{color:#28a745;font-weight:700;white-space:nowrap}.pending{color:#999;font-weight:400}.no-data{color:#999;font-style:italic;padding:3rem!important}.loading{padding:3rem}.error-message{background:#fee;border-left:4px solid #c33;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.monthly-report{padding:1rem}.report-header{align-items:flex-start;flex-direction:column;gap:1rem}.report-controls{width:100%}.report-controls,.report-filters{flex-direction:column}.lessons-table{font-size:.9rem}.lessons-table td,.lessons-table th{padding:.75rem .5rem}}.commission-split{color:#fff!important;font-size:.9rem;font-weight:500;margin:.5rem 0 0;opacity:.9}.commission-analytics{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:3rem;padding:2rem}.commission-analytics h2{color:#893c3b;font-size:1.5rem;font-weight:700;margin:0 0 2rem}.analytics-section{margin-bottom:2.5rem}.analytics-section:last-child{margin-bottom:0}.analytics-section h3{border-bottom:2px solid #cba763;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.analytics-table-container{border:1px solid #dee2e6;border-radius:6px;max-width:100%;overflow-x:hidden;width:100%}.analytics-table{border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}.analytics-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.analytics-table th{border-bottom:2px solid #dee2e6;color:#1f2937;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.analytics-table td{border-bottom:1px solid #f1f3f5;color:#374151;font-size:.95rem;font-weight:500;padding:.875rem 1rem}.analytics-table td:first-child,.analytics-table th:first-child{max-width:150px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:20%}.analytics-table td:nth-child(2),.analytics-table th:nth-child(2){min-width:60px;text-align:center;width:12%}.analytics-table td:nth-child(3),.analytics-table td:nth-child(4),.analytics-table td:nth-child(5),.analytics-table th:nth-child(3),.analytics-table th:nth-child(4),.analytics-table th:nth-child(5){min-width:90px;text-align:right;width:18%}.analytics-table td:nth-child(6),.analytics-table th:nth-child(6){min-width:100px;text-align:center;width:14%}.analytics-table tbody tr:hover{background:#f8f9fa}.analytics-table tbody tr:last-child td{border-bottom:none}.name-cell{color:#1f2937;font-weight:600}.center-cell{font-weight:500;text-align:center}.amount-cell{color:#1f2937}.commission-amount{color:#28a745;font-size:1rem;font-weight:700;text-align:right}.action-cell{text-align:center}.invoice-btn{align-items:center;background:linear-gradient(135deg,#893c3b,#6d2f2e);border:none;border-radius:4px;box-shadow:0 2px 4px #893c3b33;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s}.invoice-btn svg{stroke:currentColor;height:16px;width:16px}.invoice-btn:hover{background:linear-gradient(135deg,#6d2f2e,#893c3b);box-shadow:0 4px 8px #893c3b4d;transform:translateY(-1px)}.invoice-btn:active{box-shadow:0 2px 4px #893c3b33;transform:translateY(0)}@media (max-width:768px){.commission-analytics{padding:1.5rem}.commission-analytics h2{font-size:1.25rem}.analytics-section h3{font-size:1rem}.analytics-table{font-size:.85rem}.analytics-table td,.analytics-table th{padding:.625rem .5rem}.analytics-table td:first-child,.analytics-table th:first-child{font-size:.8rem;max-width:100px;width:18%}.analytics-table td:nth-child(2),.analytics-table th:nth-child(2){width:10%}.analytics-table td:nth-child(3),.analytics-table td:nth-child(4),.analytics-table td:nth-child(5),.analytics-table th:nth-child(3),.analytics-table th:nth-child(4),.analytics-table th:nth-child(5){font-size:.75rem;width:18%}.analytics-table td:nth-child(6),.analytics-table th:nth-child(6){width:18%}.invoice-btn{font-size:.8rem;gap:.25rem;padding:.4rem .75rem}.invoice-btn svg{height:14px;width:14px}}.monthly-report .tab-navigation{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin:2rem 0 1rem}.monthly-report .tab-button{background:#0000!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:0!important;box-shadow:none!important;color:#6b7280!important;cursor:pointer!important;flex:0 0 auto!important;font-size:1rem!important;font-weight:600!important;padding:1rem 2rem!important;position:relative!important;text-align:center!important;text-decoration:none!important;transform:none!important;transition:all .3s ease!important;white-space:nowrap!important;width:auto!important}.monthly-report .tab-button:hover{background:#f9fafb!important}.monthly-report .tab-button.active,.monthly-report .tab-button:hover{box-shadow:none!important;color:#893c3b!important;transform:none!important}.monthly-report .tab-button.active{background:#fff!important;border-bottom-color:#893c3b!important}.monthly-report .sub-tab-navigation{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:6px 6px 0 0;display:flex;gap:0;margin:0 0 1.5rem}.monthly-report .sub-tab-button{background:#0000!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:6px 6px 0 0!important;box-shadow:none!important;color:#6b7280!important;cursor:pointer!important;flex:0 0 auto!important;font-size:.9rem!important;font-weight:500!important;padding:.75rem 1.5rem!important;position:relative!important;text-align:center!important;text-decoration:none!important;transform:none!important;transition:all .3s ease!important;width:auto!important}.monthly-report .sub-tab-button:hover{background:#893c3b0d!important;box-shadow:none!important;color:#893c3b!important;transform:none!important}.monthly-report .sub-tab-button.active{background:#fff!important;border-bottom-color:#893c3b!important;box-shadow:none!important;color:#893c3b!important;font-weight:600!important;transform:none!important}.commission-tab,.lessons-data-tab{margin-top:1rem}.commission-tab .commission-analytics{margin-top:0}.lessons-table.detailed{border-collapse:collapse;font-size:.85rem;margin-top:1rem;width:100%}.lessons-table.detailed td,.lessons-table.detailed th{word-wrap:break-word;border:1px solid #e5e7eb;overflow-wrap:break-word;padding:.75rem .5rem;text-align:left;vertical-align:top}.lessons-table.detailed th{background-color:#f9fafb;color:#374151;font-size:.8rem;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.lessons-table.detailed td{color:#1f2937;font-size:.8rem;font-weight:400;line-height:1.4}.lessons-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-height:70vh;overflow-y:auto;width:100%}.lessons-table.detailed td:first-child,.lessons-table.detailed td:nth-child(2),.lessons-table.detailed th:first-child,.lessons-table.detailed th:nth-child(2){min-width:110px;width:110px}.lessons-table.detailed td:nth-child(3),.lessons-table.detailed td:nth-child(4),.lessons-table.detailed th:nth-child(3),.lessons-table.detailed th:nth-child(4){min-width:100px;width:100px}.lessons-table.detailed td:nth-child(5),.lessons-table.detailed th:nth-child(5){min-width:120px;width:120px}.lessons-table.detailed td:nth-child(6),.lessons-table.detailed td:nth-child(7),.lessons-table.detailed th:nth-child(6),.lessons-table.detailed th:nth-child(7){min-width:75px;text-align:center;width:75px}.lessons-table.detailed td:nth-child(8),.lessons-table.detailed td:nth-child(9),.lessons-table.detailed th:nth-child(8),.lessons-table.detailed th:nth-child(9){min-width:85px;text-align:right;width:85px}.lessons-table.detailed td:nth-child(10),.lessons-table.detailed td:nth-child(11),.lessons-table.detailed th:nth-child(10),.lessons-table.detailed th:nth-child(11){min-width:90px;text-align:right;width:90px}.lessons-table.detailed td:nth-child(12),.lessons-table.detailed th:nth-child(12){min-width:85px;text-align:right;width:85px}.lessons-table.detailed td:nth-child(13),.lessons-table.detailed th:nth-child(13){min-width:180px;width:180px}.lessons-table.detailed .summary-cell{max-height:60px;overflow:hidden;text-overflow:ellipsis}.lessons-table.detailed .date-cell,.lessons-table.detailed .summary-cell{word-wrap:break-word;font-size:.75rem;line-height:1.3;white-space:normal}.lessons-table.detailed .rate-cell{font-size:.75rem;white-space:nowrap}.lessons-table.detailed .commission-cell,.lessons-table.detailed .payment-cell,.lessons-table.detailed .total-cell{font-family:Courier New,monospace;font-size:.75rem;white-space:nowrap}.lessons-table.detailed .totals-row{background-color:#f3f4f6;border-top:2px solid #d1d5db;font-weight:600}.lessons-table.detailed .totals-row td{color:#374151;font-weight:600}.lessons-table.detailed .totals-label{font-weight:700;text-align:right}.lessons-table.detailed .totals-commission,.lessons-table.detailed .totals-value{font-family:Courier New,monospace;font-weight:700}.lessons-table.detailed .no-data{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.pending{color:#d97706;font-size:.75rem}@media (max-width:1400px){.lessons-table.detailed{font-size:.75rem}.lessons-table.detailed td,.lessons-table.detailed th{padding:.5rem .4rem}.lessons-table.detailed .summary-cell{font-size:.7rem}}@media (max-width:1200px){.lessons-table.detailed{font-size:.7rem}.lessons-table.detailed td,.lessons-table.detailed th{padding:.4rem .3rem}}.lessons-data-tab{margin-top:1rem}.lessons-data-tab .report-summary{margin-bottom:2rem}.lessons-table.detailed th{font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.lessons-table.detailed .commission-cell,.lessons-table.detailed .payment-cell,.lessons-table.detailed .rate-cell,.lessons-table.detailed .total-cell{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.025em}.pending{background:#fef3c7;border:1px solid #fde68a;border-radius:3px;padding:.2rem .4rem}.lessons-table.detailed th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.lessons-table.detailed th.sortable:hover{background-color:#f3f4f6}.lessons-table.detailed th.sortable:active{background-color:#e5e7eb}.lessons-table.detailed td:nth-child(14),.lessons-table.detailed th:nth-child(14){min-width:80px;text-align:center;width:80px}.monthly-report .lessons-table .actions-cell{flex-direction:row!important;flex-wrap:nowrap!important;gap:.25rem}.monthly-report .action-btn,.monthly-report .lessons-table .actions-cell{align-items:center!important;display:flex!important;justify-content:center!important}.monthly-report .action-btn{background:none!important;border:none!important;border-radius:50%;box-shadow:none!important;color:#9ca3af;cursor:pointer;height:32px;opacity:.7;outline:none!important;padding:.375rem;transition:all .2s ease;width:32px}.monthly-report .action-btn:hover{background-color:#0000000f!important;box-shadow:none!important;opacity:1;outline:none!important;transform:scale(1.1)}.monthly-report .action-btn:focus{box-shadow:0 0 0 2px #3b82f633!important;outline:none!important}.monthly-report .action-btn svg{stroke-width:1.5;height:16px;width:16px}.monthly-report .edit-btn{color:#3b82f6}.monthly-report .delete-btn{color:#ef4444}.monthly-report .edit-btn:hover{background-color:#3b82f61a!important;color:#1d4ed8!important;outline:none!important}.monthly-report .edit-btn:focus{box-shadow:0 0 0 2px #3b82f64d!important;outline:none!important}.monthly-report .delete-btn:hover{background-color:#ef44441a!important;color:#ef4444;outline:none!important}.monthly-report .delete-btn:focus{box-shadow:0 0 0 2px #ef44444d!important;outline:none!important}.monthly-report .action-btn:active{outline:none!important;transform:scale(1.05)}.lessons-table.detailed td:nth-child(13),.lessons-table.detailed th:nth-child(13){min-width:120px;width:120px}@media (max-width:1400px){.report-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{width:100%}.report-summary.compact{grid-template-columns:repeat(4,1fr);width:100%}}@media (max-width:900px){.report-summary.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.report-summary.compact{grid-template-columns:1fr}}.shared-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:0}.shared-tabs button{background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s}.shared-tabs button:hover{background-color:#f5f5f5;color:#333}.shared-tabs button.active{border-bottom-color:#4caf50;color:#4caf50;font-weight:600}.shared-tabs button:disabled{cursor:not-allowed;opacity:.5}.tab-content{animation:fadeIn .3s ease-in}@media (max-width:768px){.shared-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.shared-tabs button{font-size:14px;padding:12px 20px;white-space:nowrap}}.family-detail{margin:0 auto;max-width:1400px;padding:20px}.btn-back-modern{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.625rem 1.125rem;transition:all .2s}.btn-back-modern:hover{background:#f9fafb;border-color:#893c3b}.btn-back-modern svg{stroke-width:2}.family-detail-header{margin-bottom:30px}.header-content h1{color:#893c3b;font-size:2rem;margin-bottom:5px}.header-content .subtitle{color:#666;font-size:1rem}.loading{font-size:1.2rem}.error-message{background-color:#fee;border:1px solid #fcc;padding:15px}.family-info-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:30px}.info-card,.stats-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px}.info-card h2,.stats-card h2{border-bottom:2px solid #f0f0f0;color:#893c3b;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr}.info-item{gap:5px}.info-item.full-width{grid-column:1/-1}.info-label{font-size:.85rem}.info-value{font-size:1rem}.info-value:contains("Not provided"),.info-value:empty:before{color:#6b7280;font-style:italic}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.stat-item{background-color:#f8f8f8;border-radius:8px;padding:15px;text-align:center}.stat-item .stat-value{color:#893c3b;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-item .stat-label{color:#666;font-size:.85rem}.stat-item .stat-sublabel{color:#999;font-size:.7rem;font-style:italic;margin-top:2px}.tutees-section{margin-bottom:30px}.tutees-section h2{color:#893c3b;font-size:1.5rem;margin-bottom:20px}.tutees-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.tutee-detail-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:20px;transition:all .3s ease}.tutee-detail-card:hover{border-color:#893c3b;box-shadow:0 6px 12px #893c3b26;transform:translateY(-2px)}.tutee-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.tutee-name-section{display:flex;flex-direction:column;gap:5px}.tutee-name-section h3{color:#333;font-size:1.3rem;margin:0}.tutee-code{color:#893c3b}.tutee-code,.tutee-level{font-size:.85rem;font-weight:600}.tutee-level{background-color:#cba763;border-radius:20px;color:#fff;padding:6px 12px}.tutee-info{margin-bottom:15px}.info-row{border-bottom:1px solid #f0f0f0}.info-row .label{color:#666;font-size:.9rem;font-weight:600}.info-row .value{color:#333;font-size:.9rem}.subjects-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.subjects-header{grid-gap:12px;background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#6b7280;display:grid;font-size:.8rem;font-weight:600;gap:12px;grid-template-columns:2fr 1fr 1fr 2fr;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase}.subjects-list{display:flex;flex-direction:column}.subject-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr 2fr;padding:12px 16px;transition:background-color .2s ease}.subject-row:last-child{border-bottom:none}.subject-row:hover{background-color:#fef9f3}.col-subject{color:#1f2937;font-size:.9rem;font-weight:500}.col-mode{color:#893c3b;font-size:.85rem;font-weight:500;text-transform:capitalize}.col-rate{color:#cba763;font-size:.85rem;font-weight:600}.col-tutor{color:#6b7280;font-size:.85rem}.view-tutee-btn{background-color:initial;border:2px solid #893c3b;border-radius:8px;color:#893c3b;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.view-tutee-btn:hover{background-color:#893c3b;color:#fff}@media (max-width:768px){.subject-row,.subjects-header{gap:4px;grid-template-columns:1fr}.subjects-header{display:none}.subject-row{padding:12px}.col-subject:before{color:#6b7280;content:"Subject: ";font-weight:600}.col-mode:before{color:#6b7280;content:"Mode: ";font-weight:600}.col-rate:before{color:#6b7280;content:"Rate: ";font-weight:600}.col-tutor:before{color:#6b7280;content:"Tutor: ";font-weight:600}}.revenue-section{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:25px}.revenue-section h2{color:#893c3b;font-size:1.3rem;margin-bottom:20px}.revenue-chart{align-items:flex-end;background-color:#f8f8f8;border-radius:8px;display:flex;height:300px;justify-content:space-around;padding:20px}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:120px}.bar-container{align-items:flex-end;height:200px;margin-bottom:10px;width:100%}.bar,.bar-container{display:flex;justify-content:center}.bar{align-items:flex-start;background:linear-gradient(0deg,#893c3b,#cba763);border-radius:8px 8px 0 0;min-height:20px;padding-top:5px;position:relative;transition:all .3s ease;width:60%}.bar:hover{opacity:.8}.bar-value{color:#fff;font-size:.75rem;font-weight:600}.bar-label{color:#333;font-weight:600;margin-bottom:5px}.bar-details{color:#666;font-size:.75rem;text-align:center}.bulk-actions-section{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:25px}.bulk-actions-section h2{color:#893c3b;font-size:1.3rem;margin-bottom:20px}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.action-btn{align-items:center;background-color:initial;border:2px solid #893c3b;border-radius:8px;color:#893c3b;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.action-btn svg{flex-shrink:0}.action-btn:hover{background-color:#893c3b;box-shadow:0 4px 8px #893c3b33;color:#fff;transform:translateY(-2px)}.action-note{background:#f9fafb;border-left:3px solid #cba763;border-radius:4px;color:#6b7280;font-size:.85rem;font-style:italic;margin-top:10px;padding:10px}@media (max-width:768px){.family-detail{padding:15px}.header-content h1{font-size:1.5rem}.family-info-section,.info-grid,.stats-grid,.tutees-list{grid-template-columns:1fr}.revenue-chart{height:250px;padding:10px}.bar-container{height:150px}.action-buttons{grid-template-columns:1fr}}.activity-log-container{margin:0 auto;max-width:1400px;padding:20px}.activity-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.activity-log-header h2{color:#333;margin:0}.security-alerts-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px 20px}.alert-icon{font-size:24px}.alert-text{color:#856404;flex:1 1;font-weight:600}.btn-view-alerts{background-color:#ffc107;border:none;border-radius:4px;color:#333;cursor:pointer;font-weight:600;padding:8px 16px}.btn-view-alerts:hover{background-color:#e0a800}.export-buttons{display:flex;gap:10px}.btn-export{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-export:hover{background-color:#218838}.filters-section{background:#f8f9fa}.filter-row{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{color:#555}.filter-group input[type=datetime-local],.filter-group input[type=text],.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.custom-multiselect{min-width:200px;position:relative}.multiselect-trigger{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;transition:border-color .2s}.multiselect-trigger:hover{border-color:#893c3b}.multiselect-trigger span:first-child{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.multiselect-option{align-items:center;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.multiselect-option:hover{background-color:#f8f9fa}.multiselect-option input[type=checkbox]{cursor:pointer;margin-right:8px;pointer-events:none}.multiselect-option span{color:#333;font-size:14px;text-transform:capitalize}.email-search-container{position:relative;width:100%}.email-search-container input{width:100%}.email-suggestions-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.email-suggestion-option{color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.email-suggestion-option:hover{background-color:#f8f9fa}.email-suggestion-option:first-child{border-bottom:1px solid #e9ecef;color:#893c3b;font-weight:600}.email-suggestion-more{background-color:#f8f9fa;color:#666;font-size:12px;font-style:italic;padding:8px 12px;text-align:center}.btn-apply{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-apply:hover{background-color:#0056b3}.btn-clear{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-clear:hover{background-color:#545b62}.logs-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.logs-table table{border-collapse:collapse;width:100%}.logs-table thead{background:#f8f9fa}.logs-table th{border-bottom:2px solid #dee2e6;color:#1f2937;font-weight:600;padding:1rem;text-align:left}.logs-table td{border-bottom:1px solid #dee2e6;padding:12px}.logs-table tbody tr:hover{background-color:#f8f9fa}.severity-info{background-color:#e7f3ff}.severity-warning{background-color:#fff3cd}.severity-critical{background-color:#f8d7da}.severity-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.severity-badge.severity-info{background-color:#007bff;color:#fff}.severity-badge.severity-warning{background-color:#ffc107;color:#333}.severity-badge.severity-critical{background-color:#dc3545;color:#fff}.user-info{display:flex;flex-direction:column}.user-email{color:#333;font-weight:500}.user-role{color:#666;font-size:12px;text-transform:capitalize}.btn-view-details{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.btn-view-details:hover{background-color:#138496}.expanded-details{background-color:#f8f9fa}.details-content{font-size:14px;padding:15px}.details-content>div{margin-bottom:10px}.details-content pre{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;overflow-x:auto;padding:10px}.pagination{gap:15px;margin-top:20px}.btn-pagination{align-items:center;background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:38px;justify-content:center;min-width:100px;padding:8px 20px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.btn-pagination:active:not(:disabled){transform:translateY(0)}.btn-pagination:disabled{background:#f8f9fa;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed;opacity:.6}.pagination-info{min-width:120px;padding:0 10px;text-align:center}.loading{padding:40px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb}.no-logs{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.activity-log-header{align-items:flex-start;flex-direction:column;gap:15px}.filter-row{grid-template-columns:1fr}.logs-table{font-size:12px}.logs-table td,.logs-table th{padding:8px}}.payment-adjustment-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:30px}.payment-adjustment-form h3{color:#333;font-size:22px;font-weight:600;margin:0 0 25px}.payment-adjustment-form form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;gap:15px}@media (max-width:768px){.payment-adjustment-form{padding:20px}.form-row{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.payment-adjustments-list{width:100%}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.list-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.search-section{margin-bottom:20px}.search-input{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#4caf50;outline:none}.search-input::placeholder{color:#999}.filters-section{background:#f9f9f9}.filter-group{gap:6px}.filter-group select:focus{border-color:#4caf50;outline:none}.btn-clear-filters{font-size:13px}.error-banner{color:#f44336;font-weight:500;padding:15px}.loading-state p{margin-top:15px}.spinner{margin:0 auto}.adjustments-table{border-collapse:collapse;width:100%}.adjustments-table thead{background:#f5f5f5}.adjustments-table th{border-bottom:2px solid #ddd;color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.adjustments-table td{border-bottom:1px solid #eee;color:#666;font-size:14px;padding:15px 12px}.adjustments-table tbody tr:hover{background:#f9f9f9}.adjustments-table tbody tr:last-child td{border-bottom:none}.tutor-email{color:#999}.type-badge{text-transform:capitalize}.amount-positive{color:#4caf50;font-weight:600}.amount-negative{color:#f44336;font-weight:600}.reason-cell{max-width:300px}.reason-text{line-height:1.4}.date-text{color:#666;font-size:13px;margin-bottom:4px}.created-by{color:#999;font-size:12px}.btn-delete,.btn-edit{background:#fff!important;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;line-height:1;margin-right:8px;padding:6px 12px;text-decoration:none!important;transition:all .2s ease;vertical-align:middle}.btn-delete:disabled,.btn-edit:disabled{background:#fff!important;border-color:#ddd!important;color:#ccc!important;cursor:not-allowed;opacity:.4}.empty-state p{color:#999}.btn-add-first{padding:12px 24px}.pagination{margin-top:25px}.pagination-btn{background:#fff;border:2px solid #4caf50;color:#4caf50;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#4caf50;color:#fff}.pagination-btn:disabled{border-color:#ddd;color:#999;opacity:.4}@media (max-width:768px){.list-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-add-new{width:100%}.filters-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.adjustments-table{min-width:800px}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}.recurring-payment-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:30px}.recurring-payment-form h3{color:#333;font-size:22px;font-weight:600;margin:0 0 25px}.recurring-payment-form form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;font-family:inherit;padding:10px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.form-group input[type=date]{cursor:pointer}.tutor-selector{position:relative}.tutor-search{width:100%}.tutor-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.tutor-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px;transition:background .2s ease}.tutor-option:hover{background:#f0f9f0}.tutor-option:last-child{border-bottom:none}.no-results{color:#999;font-style:italic;padding:12px;text-align:center}.help-text{font-size:12px;font-style:italic}.error-message{font-size:12px;font-weight:500}.form-actions{border-top:1px solid #eee;gap:15px;margin-top:10px}.btn-cancel,.btn-submit{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-cancel{background:#fff;border:2px solid #ddd;color:#666}.btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#999}.btn-submit{background:#4caf50;color:#fff}.btn-submit:hover:not(:disabled){background:#45a049}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.recurring-payment-form{padding:20px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.modal-overlay{z-index:2000}.modal-content{box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.modal-header{border-bottom:1px solid #eee}.modal-header h3{color:#333;font-size:20px}.close-button{align-items:center;color:#999;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-button:hover{background:#f5f5f5;color:#333}.payment-info{background:#f9f9f9;border-radius:6px;margin-bottom:25px;padding:15px}.info-row{border-bottom:1px solid #eee;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-size:14px}.history-timeline h4{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.history-entries{display:flex;flex-direction:column;gap:8px}.history-entry{background:#fafafa;border-left:3px solid #ddd;border-radius:0 4px 4px 0;padding:8px 12px;position:relative;transition:all .2s ease}.history-entry:hover{background:#f5f5f5;border-left-color:#999}.entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.action-badge{border-radius:8px;color:#fff;font-size:10px;letter-spacing:.5px;padding:2px 6px}.entry-date{color:#888;font-size:11px;font-weight:500}.entry-details{flex-wrap:wrap;gap:12px}.detail-item,.entry-details{align-items:center;display:flex}.detail-item{font-size:12px;gap:4px}.detail-label{color:#666;font-size:11px;letter-spacing:.3px}.detail-value{color:#333;font-weight:500}.detail-value.system{color:#f44336;font-style:italic}.change-indicator{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:6px;padding:2px 6px}.old-value{color:#f44336;font-size:11px;font-weight:500;text-decoration:line-through}.arrow{color:#999;font-size:10px;font-weight:700}.new-value{color:#4caf50;font-size:11px;font-weight:600}.reason-change-compact{display:flex;flex-direction:column;gap:3px;max-width:300px}.reason-item{align-items:flex-start;display:flex;font-size:11px;gap:6px}.reason-label-compact{color:#999;flex-shrink:0;font-size:9px;font-weight:600;margin-top:1px;min-width:30px;text-transform:uppercase}.reason-text-compact{background:#fff;border:1px solid #e0e0e0;border-radius:3px;color:#333;flex:1 1;line-height:1.2;padding:2px 6px}.old-reason .reason-text-compact{background:#ffebee;border-color:#ffcdd2;color:#c62828}.new-reason .reason-text-compact{background:#e8f5e9;border-color:#c8e6c9;color:#2e7d32}.no-history{color:#999;padding:40px 20px;text-align:center}.no-history p{font-style:italic;margin:0}.modal-footer{border-top:1px solid #eee;padding:15px 25px}.btn-close{background:#4caf50;border-radius:4px;color:#fff;font-size:14px;font-weight:600;padding:10px 24px;transition:background .3s ease}.btn-close:hover{background:#45a049}@media (max-width:1024px) and (min-width:769px){.modal-content{max-height:85vh;max-width:90%}.modal-body,.modal-footer,.modal-header{padding:18px 22px}.detail-label{min-width:90px}}@media (max-width:768px){.modal-overlay{align-items:stretch;padding:0}.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.modal-header{flex-shrink:0;padding:16px 20px}.modal-header h3{font-size:18px}.close-button{font-size:24px;min-height:44px;min-width:44px}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 20px}.modal-footer{flex-shrink:0;padding:16px 20px}.btn-close{min-height:44px;padding:12px 20px;width:100%}.payment-info{margin-bottom:20px;padding:12px}.info-row{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 0}.info-label,.info-value{font-size:13px}.history-entry{padding:6px 10px}.entry-header{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:4px}.entry-details{gap:6px}.detail-item,.entry-details{align-items:flex-start;flex-direction:column}.detail-item{gap:2px;width:100%}.detail-label{font-size:10px}.detail-value{font-size:11px}.change-indicator{align-self:flex-start}.new-value,.old-value{font-size:10px}.reason-change-compact{margin-top:4px;max-width:100%}.reason-item{font-size:10px}.reason-label-compact{font-size:8px;min-width:25px}.reason-text-compact{font-size:10px;padding:2px 4px}}@media (max-width:375px){.modal-header{padding:12px 16px}.modal-header h3{font-size:16px}.modal-body,.modal-footer{padding:12px 16px}.history-entry,.payment-info{padding:10px}.entry-header{margin-bottom:8px}.action-badge{font-size:11px;padding:3px 8px}.detail-label,.detail-value,.entry-date{font-size:12px}.btn-close{font-size:13px;padding:10px 16px}}.recurring-payment-manager{padding:20px}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.manager-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.btn-add-new{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s ease}.btn-add-new:hover{background:#45a049}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filters-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{gap:8px;min-width:180px}.filter-group label{color:#333;font-size:14px}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px}.dropdown-toggle{border:1px solid #ddd}.dropdown-toggle:focus{border-color:#4caf50}.dropdown-menu{border:1px solid #ddd}.btn-clear-filters{background:#fff;border:2px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-clear-filters:hover{background:#f5f5f5;border-color:#999}.results-summary{color:#666;margin-bottom:15px}.error-banner{background:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;margin-bottom:20px;padding:12px 16px}.loading-state{text-align:center}.table-container{background:#fff;box-shadow:0 2px 4px #0000001a}.recurring-payments-table{border-collapse:collapse;width:100%}.recurring-payments-table thead{background:#f5f5f5}.recurring-payments-table th{border-bottom:2px solid #ddd;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.recurring-payments-table td{border-bottom:1px solid #eee;color:#333;font-size:14px;padding:12px}.recurring-payments-table tbody tr{transition:background .2s ease}.recurring-payments-table tbody tr:hover{background:#f9f9f9}.recurring-payments-table tbody tr.inactive-row{opacity:.6}.tutor-cell{min-width:180px}.tutor-name{color:#333;font-weight:600;margin-bottom:4px}.tutor-email{color:#666;font-size:12px}.amount-cell{color:#4caf50;white-space:nowrap}.reason-cell{max-width:250px}.reason-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.type-badge{background:#e3f2fd;color:#1976d2}.status-badge,.type-badge{padding:4px 10px;white-space:nowrap}.status-badge{border-radius:12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#fce4ec;color:#c2185b}.actions-cell{border-bottom:none!important;vertical-align:middle;white-space:nowrap}.btn-delete,.btn-edit,.btn-history,.btn-toggle{background:#fff!important;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;line-height:1;margin-right:6px;padding:6px 12px;text-decoration:none!important;transition:all .2s ease;vertical-align:middle}.btn-edit{border-color:#2196f3!important;color:#2196f3!important}.btn-edit:hover:not(:disabled){background:#2196f3!important;color:#fff!important}.btn-toggle{border-color:#ff9800!important;color:#ff9800!important}.btn-toggle:hover:not(:disabled){background:#ff9800!important;color:#fff!important}.btn-toggle.activate{border-color:#4caf50!important;color:#4caf50!important}.btn-toggle.activate:hover:not(:disabled){background:#4caf50!important;color:#fff!important}.btn-history{border-color:#666!important;color:#666!important}.btn-history:hover:not(:disabled){background:#666!important;color:#fff!important}.btn-delete{border-color:#f44336!important;color:#f44336!important}.btn-delete:hover:not(:disabled){background:#f44336!important;color:#fff!important}.btn-delete:disabled,.btn-edit:disabled,.btn-history:disabled,.btn-toggle:disabled{background:#fff!important;border-color:#ddd!important;color:#ccc!important;cursor:not-allowed;opacity:.4}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.empty-state p{color:#666;font-size:16px;margin-bottom:20px}.btn-add-first{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s ease}.btn-add-first:hover{background:#45a049}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.manager-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-add-new{width:100%}.filters-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.recurring-payments-table{min-width:900px}}.bulk-export-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bulk-export-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.modal-header{padding:24px}.modal-header h2{color:#2c3e50;font-size:22px;font-weight:700}.close-btn{border-radius:4px;color:#7f8c8d;transition:all .2s ease}.close-btn:hover:not(:disabled){background:#ecf0f1;color:#2c3e50}.close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;font-weight:600}.selection-count{color:#7f8c8d;font-size:13px;font-weight:400;margin-left:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.type-selector{display:flex;gap:10px}.type-selector button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.type-selector button:hover:not(:disabled){border-color:#3498db;color:#3498db}.type-selector button.active{background:#3498db;border-color:#3498db;color:#fff}.type-selector button:disabled{cursor:not-allowed;opacity:.5}.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group select:focus{border-color:#3498db;outline:none}.form-group select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.search-box{margin-bottom:12px}.search-box input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.search-box input:focus{border-color:#3498db;outline:none}.search-box input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.select-all-row{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;margin-bottom:12px;padding:12px}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;margin:0}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.recipients-list{border:2px solid #e0e0e0;border-radius:6px;max-height:300px;overflow-y:auto;padding:8px}.no-recipients{color:#7f8c8d;font-style:italic;padding:40px 20px;text-align:center}.recipient-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:background .2s ease}.recipient-item:hover{background:#f8f9fa}.recipient-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.recipient-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.recipient-info{flex:1 1}.recipient-name{font-size:14px}.recipient-email{color:#7f8c8d}.progress-section{background:#f8f9fa;border:2px solid #e0e0e0;margin-top:20px;padding:16px}.progress-label{color:#2c3e50;font-size:14px;margin-bottom:10px;text-align:center}.progress-bar{background:#e0e0e0;border-radius:12px;height:24px;position:relative}.progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:12px}.progress-fill:after{animation:shimmer 1.5s infinite}.success-message{background:#d4edda;border:2px solid #c3e6cb;border-radius:8px;color:#155724;font-weight:500;text-align:center}.error-message,.success-message{animation:slideIn .3s ease;margin-top:20px;padding:16px}.error-message{background:#f8d7da;border:2px solid #f5c6cb;border-radius:8px;color:#721c24;gap:12px;justify-content:space-between}.error-text{flex:1 1;font-size:14px;font-weight:500}.retry-btn{background:#dc3545;border-radius:6px;font-size:13px;padding:8px 16px;transition:background .2s ease;white-space:nowrap}.retry-btn:hover{background:#c82333}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-footer{border-top:1px solid #e0e0e0}.cancel-btn,.export-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#ecf0f1;color:#555}.cancel-btn:hover:not(:disabled){background:#d5dbdb}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.export-btn{background:#3498db;box-shadow:0 2px 4px #3498db33;color:#fff}.export-btn:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.export-btn:active:not(:disabled){box-shadow:0 2px 4px #3498db33;transform:translateY(0)}.export-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.7;transform:none}.btn-icon{align-items:center;display:inline-flex;margin-right:6px;vertical-align:middle}.btn-icon svg{height:16px;width:16px}.btn-spinner{border:2px solid #fff;border-top-color:#0000}@media screen and (max-width:1024px) and (min-width:769px){.bulk-export-modal{max-height:85vh;width:90%}.modal-body,.modal-header{padding:22px}.recipients-list{max-height:250px}}@media screen and (max-width:768px){.bulk-export-modal-overlay{align-items:stretch;padding:0}.bulk-export-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.modal-header{flex-shrink:0;padding:16px 20px}.modal-header h2{font-size:18px}.close-btn{min-height:44px;min-width:44px}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 20px}.form-row{gap:12px;grid-template-columns:1fr}.form-group select,.search-box input{font-size:16px;min-height:44px}.type-selector{flex-direction:column;gap:8px}.type-selector button{min-height:44px;padding:12px 16px}.recipients-list{max-height:200px}.recipient-item{padding:14px 12px}.checkbox-label input[type=checkbox],.recipient-item input[type=checkbox]{min-height:20px;min-width:20px}.modal-footer{flex-direction:column-reverse;flex-shrink:0;gap:10px;padding:16px 20px}.cancel-btn,.export-btn{justify-content:center;min-height:44px;padding:12px 20px;width:100%}.error-message{align-items:stretch;flex-direction:column;gap:10px}.retry-btn{min-height:44px;width:100%}}@media screen and (max-width:375px){.modal-header{padding:12px 16px}.modal-header h2{font-size:16px}.modal-body{padding:12px 16px}.form-group{margin-bottom:16px}.recipients-list{max-height:180px}.recipient-item{padding:12px 10px}.recipient-name{font-size:13px}.recipient-email{font-size:11px}.modal-footer{padding:12px 16px}.cancel-btn,.export-btn{font-size:14px;padding:10px 16px}}.recipients-list::-webkit-scrollbar{width:8px}.recipients-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.recipients-list::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}.recipients-list::-webkit-scrollbar-thumb:hover{background:#95a5a6}.modal-body::-webkit-scrollbar-track{border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#bdc3c7}.modal-body::-webkit-scrollbar-thumb:hover{background:#95a5a6}.endorsement-info{background:#e8f4fd;border:2px solid #3498db;border-radius:8px;margin-bottom:20px;padding:16px}.endorsement-info p{color:#2c3e50;font-size:14px;margin:0 0 8px}.endorsement-info p:last-child{margin-bottom:0}.total-amount{color:#27ae60!important;font-size:16px!important;font-weight:600!important}.total-amount-inline{color:#27ae60;font-size:14px;font-weight:600;margin-left:8px}.recipient-amount{color:#27ae60;font-size:12px;font-weight:500;margin-top:2px}.recipient-item.endorsement-context{border:1px solid #e8f4fd}.recipient-item.endorsement-context:hover{background:#f8fbff;border-color:#3498db}.progress-details{margin-bottom:12px;text-align:center}.progress-details p{color:#555;font-size:13px;margin:4px 0}.success-header{font-size:16px;font-weight:600;margin-bottom:8px}.success-details{margin-top:8px}.success-details p{color:#155724;font-size:13px;margin:4px 0}.retry-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:16px;padding:12px}.retry-section p{color:#856404;font-size:14px;margin:0 0 8px}.bulk-email-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bulk-email-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.bulk-email-modal .modal-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;padding:24px 28px}.bulk-email-modal .modal-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.bulk-email-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.bulk-email-modal .close-btn:hover:not(:disabled){background:#ecf0f1;color:#2c3e50}.bulk-email-modal .close-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-email-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px 28px}.bulk-email-modal .form-group{margin-bottom:24px}.bulk-email-modal .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.bulk-email-modal .selection-count{color:#27ae60;font-weight:500;margin-left:8px}.bulk-email-modal .type-selector{display:flex;gap:12px}.bulk-email-modal .type-selector button{background:#ecf0f1;border:2px solid #ecf0f1;border-radius:8px;color:#555;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.bulk-email-modal .type-selector button:hover:not(:disabled){background:#d5dbdb;border-color:#d5dbdb}.bulk-email-modal .type-selector button.active{background:#27ae60;border-color:#27ae60;color:#fff}.bulk-email-modal .type-selector button:disabled{cursor:not-allowed;opacity:.6}.bulk-email-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.bulk-email-modal .form-group select{background:#fff;border:2px solid #ecf0f1;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.bulk-email-modal .form-group select:focus{border-color:#27ae60;outline:none}.bulk-email-modal .form-group select:disabled{background:#f8f9fa;cursor:not-allowed}.bulk-email-modal .search-box{margin-bottom:12px}.bulk-email-modal .search-box input{border:2px solid #ecf0f1;border-radius:6px;color:#2c3e50;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.bulk-email-modal .search-box input:focus{border-color:#27ae60;outline:none}.bulk-email-modal .search-box input:disabled{background:#f8f9fa;cursor:not-allowed}.bulk-email-modal .select-all-row{background:#f8f9fa;border-radius:6px;margin-bottom:12px;padding:12px}.bulk-email-modal .checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.bulk-email-modal .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bulk-email-modal .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.bulk-email-modal .recipients-list{border:2px solid #ecf0f1;border-radius:6px;max-height:300px;overflow-y:auto;padding:8px}.bulk-email-modal .no-recipients{color:#7f8c8d;font-style:italic;padding:40px 20px;text-align:center}.bulk-email-modal .recipient-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s ease}.bulk-email-modal .recipient-item:hover{background:#f8f9fa}.bulk-email-modal .recipient-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.bulk-email-modal .recipient-item input[type=checkbox]:disabled{cursor:not-allowed}.bulk-email-modal .recipient-info{flex:1 1}.bulk-email-modal .recipient-name{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:2px}.bulk-email-modal .recipient-email{color:#7f8c8d;font-size:13px}.bulk-email-modal .progress-section{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.bulk-email-modal .progress-label{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:16px}.bulk-email-modal .sending-spinner{animation:spin .8s linear infinite;border:4px solid #ecf0f1;border-radius:50%;border-top-color:#27ae60;height:40px;margin:0 auto;width:40px}.bulk-email-modal .results-section{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.bulk-email-modal .results-summary{border-bottom:2px solid #ecf0f1;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.bulk-email-modal .summary-item{align-items:center;border-radius:6px;display:flex;font-weight:600;gap:8px;padding:8px 16px}.bulk-email-modal .summary-item.success{background:#d4edda;color:#155724}.bulk-email-modal .summary-item.failed{background:#f8d7da;color:#721c24}.bulk-email-modal .summary-icon{font-size:18px}.bulk-email-modal .summary-text{font-size:14px}.bulk-email-modal .results-list{max-height:250px;overflow-y:auto}.bulk-email-modal .result-item{align-items:flex-start;background:#fff;border-left:4px solid #0000;border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.bulk-email-modal .result-item.success{border-left-color:#27ae60}.bulk-email-modal .result-item.failed{border-left-color:#e74c3c}.bulk-email-modal .result-icon{flex-shrink:0;font-size:18px;font-weight:700}.bulk-email-modal .result-item.success .result-icon{color:#27ae60}.bulk-email-modal .result-item.failed .result-icon{color:#e74c3c}.bulk-email-modal .result-details{flex:1 1}.bulk-email-modal .result-name{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:4px}.bulk-email-modal .result-email{color:#7f8c8d;font-size:13px}.bulk-email-modal .result-item.failed .result-email{color:#e74c3c}.bulk-email-modal .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-top:20px;padding:16px}.bulk-email-modal .error-text{color:#721c24;flex:1 1;font-size:14px;font-weight:500}.bulk-email-modal .modal-footer{border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.bulk-email-modal .cancel-btn,.bulk-email-modal .send-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.bulk-email-modal .cancel-btn{background:#ecf0f1;color:#555}.bulk-email-modal .cancel-btn:hover:not(:disabled){background:#bdc3c7}.bulk-email-modal .send-btn{background:#27ae60;box-shadow:0 2px 4px #27ae6033;color:#fff}.bulk-email-modal .send-btn:hover:not(:disabled){background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.bulk-email-modal .send-btn:active:not(:disabled){box-shadow:0 2px 4px #27ae6033;transform:translateY(0)}.bulk-email-modal .cancel-btn:disabled,.bulk-email-modal .send-btn:disabled{cursor:not-allowed;opacity:.6}.bulk-email-modal .btn-icon{align-items:center;display:inline-flex;margin-right:6px;vertical-align:middle}.bulk-email-modal .btn-icon svg{height:16px;width:16px}.bulk-email-modal .btn-spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.bulk-email-modal .confirmation-overlay{align-items:center;background:#00000080;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.bulk-email-modal .confirmation-dialog{animation:slideUp .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:450px;width:90%}.bulk-email-modal .confirmation-header{border-bottom:1px solid #ecf0f1;padding:20px 24px}.bulk-email-modal .confirmation-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.bulk-email-modal .confirmation-body{padding:24px}.bulk-email-modal .confirmation-body p{color:#555;font-size:15px;line-height:1.6;margin:0 0 16px}.bulk-email-modal .confirmation-note{color:#7f8c8d;font-size:13px;font-style:italic}.bulk-email-modal .confirmation-details{background:#f8f9fa;border-radius:6px;margin-top:16px;padding:16px}.bulk-email-modal .confirmation-details p{font-size:14px;margin:8px 0}.bulk-email-modal .confirmation-actions{border-top:1px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.bulk-email-modal .cancel-confirm-btn,.bulk-email-modal .confirm-send-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.bulk-email-modal .cancel-confirm-btn{background:#ecf0f1;color:#555}.bulk-email-modal .cancel-confirm-btn:hover{background:#bdc3c7}.bulk-email-modal .confirm-send-btn{background:#27ae60;color:#fff}.bulk-email-modal .confirm-send-btn:hover{background:#229954}@media screen and (max-width:1024px) and (min-width:769px){.bulk-email-modal{max-height:85vh;width:90%}.bulk-email-modal .modal-body,.bulk-email-modal .modal-header{padding:22px}.bulk-email-modal .recipients-list{max-height:250px}}@media screen and (max-width:768px){.bulk-email-modal-overlay{align-items:stretch;padding:0}.bulk-email-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.bulk-email-modal .modal-header{flex-shrink:0;padding:16px 20px}.bulk-email-modal .modal-header h2{font-size:18px}.bulk-email-modal .close-btn{min-height:44px;min-width:44px}.bulk-email-modal .modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 20px}.bulk-email-modal .form-row{gap:12px;grid-template-columns:1fr}.bulk-email-modal .form-group select,.bulk-email-modal .search-box input{font-size:16px;min-height:44px}.bulk-email-modal .type-selector{flex-direction:column;gap:8px}.bulk-email-modal .type-selector button{min-height:44px;padding:12px 16px}.bulk-email-modal .recipients-list{max-height:200px}.bulk-email-modal .recipient-item{padding:14px 12px}.bulk-email-modal .checkbox-label input[type=checkbox],.bulk-email-modal .recipient-item input[type=checkbox]{min-height:20px;min-width:20px}.bulk-email-modal .modal-footer{flex-direction:column-reverse;flex-shrink:0;gap:10px;padding:16px 20px}.bulk-email-modal .cancel-btn,.bulk-email-modal .send-btn{justify-content:center;min-height:44px;padding:12px 20px;width:100%}.bulk-email-modal .results-summary{flex-direction:column;gap:10px}.bulk-email-modal .confirmation-dialog{border-radius:0;height:100vh;max-width:100%;width:100%}.bulk-email-modal .confirmation-actions{flex-direction:column-reverse;gap:10px}.bulk-email-modal .cancel-confirm-btn,.bulk-email-modal .confirm-send-btn{min-height:44px;width:100%}}@media screen and (max-width:375px){.bulk-email-modal .modal-header{padding:12px 16px}.bulk-email-modal .modal-header h2{font-size:16px}.bulk-email-modal .modal-body{padding:12px 16px}.bulk-email-modal .form-group{margin-bottom:16px}.bulk-email-modal .recipients-list{max-height:180px}.bulk-email-modal .recipient-item{padding:12px 10px}.bulk-email-modal .recipient-name{font-size:13px}.bulk-email-modal .recipient-email{font-size:11px}.bulk-email-modal .modal-footer{padding:12px 16px}.bulk-email-modal .cancel-btn,.bulk-email-modal .send-btn{font-size:14px;padding:10px 16px}}.bulk-email-modal .endorsement-context-info{background:#e8f5e8;border:1px solid #27ae60;border-radius:6px;margin-bottom:20px;padding:16px}.bulk-email-modal .endorsement-context-info p{color:#2c3e50;font-size:14px;margin:0 0 8px}.bulk-email-modal .endorsement-context-info p:last-child{margin-bottom:0}.bulk-email-modal .invoice-generated-info{color:#27ae60;font-size:12px;font-weight:500;margin-top:4px}.bulk-email-modal .retry-failed-btn{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px;transition:all .2s ease}.bulk-email-modal .retry-failed-btn:hover:not(:disabled){background:#c0392b}.bulk-email-modal .retry-failed-btn:disabled{cursor:not-allowed;opacity:.6}.bulk-email-modal .retry-icon{font-size:16px;font-weight:700}.audit-summary{background:#fff;border-radius:8px;padding:20px}.audit-summary-header{margin-bottom:30px}.audit-summary-header h2{color:#2c3e50;font-size:24px;margin:0 0 8px}.audit-summary-description{color:#7f8c8d;font-size:14px;margin:0}.date-range-selector{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.date-range-buttons{display:flex;flex-wrap:wrap;gap:10px}.date-range-buttons button{background:#fff;border:2px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.date-range-buttons button:hover{border-color:#007bff;color:#007bff}.date-range-buttons button.active{background:#007bff;border-color:#007bff;color:#fff}.custom-date-range{align-items:center;border-top:1px solid #dee2e6;display:flex;gap:10px;margin-top:15px;padding-top:15px}.custom-date-range input{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px}.custom-date-range span{color:#6c757d;font-size:14px}.custom-date-range button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .2s}.custom-date-range button:hover{background:#0056b3}.error-state,.loading-state{padding:60px 20px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:20px;padding:25px;transition:all .2s}.metric-card:hover{border-color:#d0d0d0;box-shadow:0 4px 8px #0000001a}.metric-icon{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:flex;height:48px;justify-content:center;width:48px}.metric-icon svg{height:24px;width:24px}.metric-content{flex:1 1}.metric-label{color:#666;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.metric-value{color:#333;font-size:28px;font-weight:700;line-height:1}.metric-subtitle{color:#888;font-size:12px;margin-top:6px}.breakdown-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.breakdown-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.breakdown-card.full-width{grid-column:1/-1}.breakdown-card h3{color:#2c3e50;font-size:18px;margin:0 0 15px}.breakdown-content{background:#fff;border-radius:6px;padding:15px}.breakdown-table{border-collapse:collapse;font-size:14px;width:100%}.breakdown-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:10px;text-align:left}.breakdown-table td{border-bottom:1px solid #dee2e6;padding:10px}.breakdown-table tbody tr:last-child td{border-bottom:none}.breakdown-table tbody tr:hover{background:#f8f9fa}.type-badge{border-radius:12px;font-size:12px;padding:4px 12px}.type-badge.tutor{background:#e3f2fd;color:#1976d2}.type-badge.tutee{background:#f3e5f5;color:#7b1fa2}.action-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.action-badge.generated{background:#e3f2fd;color:#1976d2}.action-badge.exported{background:#f3e5f5;color:#7b1fa2}.action-badge.emailed{background:#e8f5e9;color:#388e3c}.admin-name{color:#2c3e50;font-weight:600}.admin-email{color:#6c757d;font-size:13px}.no-data{color:#6c757d;margin:0;padding:20px;text-align:center}.alert-card{align-items:flex-start;background:#fff8e1;border:1px solid #ffd54f;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:20px}.alert-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.alert-icon svg{color:#f57c00;height:24px;width:24px}.alert-content h4{color:#e65100;font-size:16px;font-weight:600;margin:0 0 5px}.alert-content p{color:#ef6c00;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.audit-summary{padding:15px}.breakdown-sections,.metrics-grid{grid-template-columns:1fr}.breakdown-card.full-width{grid-column:1}.date-range-buttons{flex-direction:column}.date-range-buttons button{width:100%}.custom-date-range{align-items:stretch;flex-direction:column}.custom-date-range button{width:100%}.breakdown-table{font-size:12px}.breakdown-table td,.breakdown-table th{padding:8px}}.audit-trail{background:#fff;border-radius:8px;padding:20px}.audit-trail-header{margin-bottom:30px}.audit-trail-header h2{color:#2c3e50;font-size:24px;margin:0 0 8px}.audit-trail-description{color:#7f8c8d;font-size:14px;margin:0}.view-toggle{border-bottom:2px solid #dee2e6;display:flex;gap:10px;margin-bottom:30px;padding-bottom:20px}.view-toggle button{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.view-toggle button svg{height:18px;width:18px}.view-toggle button:hover{border-color:#007bff;color:#007bff}.view-toggle button.active{background:#007bff;border-color:#007bff;color:#fff}.audit-filters{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.filter-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-row:last-of-type{margin-bottom:0}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:200px}.filter-group label{color:#495057;font-size:13px;font-weight:600;margin-bottom:5px}.filter-group input,.filter-group select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;height:38px;padding:8px 12px}.multi-select-dropdown{position:relative}.dropdown-toggle{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:38px;justify-content:space-between;padding:8px 12px;text-align:left;transition:border-color .3s ease;width:100%}.dropdown-toggle:hover{border-color:#999}.dropdown-toggle:focus{border-color:#007bff;outline:none}.dropdown-arrow{color:#666;font-size:10px;margin-left:8px}.dropdown-menu{background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s ease}.dropdown-item:hover{background:#f5f5f5}.dropdown-item input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.dropdown-item span{color:#333;flex:1 1;font-size:14px}.filter-group input:focus,.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.filter-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:15px}.apply-filters-btn,.clear-filters-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:38px;justify-content:center;min-width:auto;padding:8px 20px;transition:all .2s;white-space:nowrap}.apply-filters-btn{background:#007bff;color:#fff}.apply-filters-btn:hover{background:#0056b3}.clear-filters-btn{background:#6c757d;color:#fff}.clear-filters-btn:hover{background:#545b62}.results-summary{color:#6c757d;font-size:14px;padding:10px 0}.results-summary p{margin:0}.error-state,.loading-state,.no-results{padding:60px 20px;text-align:center}.spinner{height:40px;margin:0 auto 20px;width:40px}.retry-btn{background:#007bff;padding:10px 20px;transition:background .2s}.retry-btn:hover{background:#0056b3}.no-results p{color:#6c757d;margin-bottom:15px}.audit-table-container{margin-bottom:20px;overflow-x:auto}.audit-table{border-collapse:collapse;font-size:14px;width:100%}.audit-table thead{background:#f8f9fa}.audit-table th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.audit-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:top}.audit-table tbody tr:hover{background:#f8f9fa}.date-cell{color:#495057;white-space:nowrap}.type-cell{color:#495057;text-transform:capitalize}.recipient-cell{min-width:180px}.recipient-name{color:#2c3e50;font-weight:600;margin-bottom:2px}.recipient-email{color:#6c757d;font-size:12px}.period-cell{color:#495057;white-space:nowrap}.amount-cell{color:#28a745;font-weight:600;text-align:right}.admin-cell{color:#495057}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-generated{background:#e3f2fd;color:#1976d2}.badge-exported{background:#f3e5f5;color:#7b1fa2}.badge-emailed{background:#e8f5e9;color:#388e3c}.badge-success{background:#d4edda;color:#155724}.badge-error{background:#f8d7da;color:#721c24}.badge-pending{background:#fff3cd;color:#856404}.badge-default{background:#e9ecef;color:#6c757d}.pagination{padding:20px 0}.pagination-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.pagination-info{color:#495057;font-weight:600}@media (max-width:1200px){.filter-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.filter-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.audit-trail{padding:15px}.filter-row{grid-template-columns:1fr}.filter-actions{flex-direction:column}.apply-filters-btn,.clear-filters-btn{width:100%}.audit-table-container{overflow-x:scroll}.audit-table{min-width:800px}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}.endorsement-statistics{margin-bottom:30px}.statistics-grid{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 2px 8px #00000014}.stat-icon{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1;min-width:0}.stat-value{color:#333;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:4px}.stat-label{color:#666;font-size:13px;line-height:1.3;margin-bottom:2px}.stat-sublabel{color:#999;font-size:11px;line-height:1.2}@media (max-width:1200px){.statistics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.statistics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-label{font-size:12px}}.tutor-detail-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.tutor-detail-modal .modal-header{align-items:flex-start;background:linear-gradient(135deg,#8b4545,#a85858);border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px}.tutor-detail-modal .header-content h2{color:#fff!important;font-size:24px;font-weight:600;margin:0 0 4px}.tutor-detail-modal .modal-subtitle{color:#ffffffe6!important;font-size:14px;margin:0}.tutor-detail-modal .close-button{align-items:center;background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.tutor-detail-modal .close-button:hover{background:#fff3;color:#fff}.modal-body{max-height:calc(90vh - 200px)!important;min-height:400px!important;overflow-y:auto!important;padding:24px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#893c3b;height:50px;margin-bottom:20px;width:50px}.loading-state p{color:#666;font-size:16px}.error-message{background:#ffebee;border-radius:4px;color:#f44336;font-size:16px;margin-bottom:15px}.retry-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .3s ease}.retry-btn:hover{background:#45a049}.info-section{background:#f9f9f9;border-radius:8px;margin-bottom:24px;padding:20px}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.info-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.endorsed{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#e65100}.status-badge.disputed{background:#ffebee;color:#c62828}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#333;font-size:14px;font-weight:600}.notes-section{background:#fff9e6;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:24px;padding:20px}.notes-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.notes-content{color:#666;font-size:14px;line-height:1.6}.adjustments-section,.lessons-section,.profit-share-section,.recurring-section{margin-bottom:24px;overflow:visible!important;width:100%}.adjustments-section h3,.lessons-section h3,.profit-share-section h3,.recurring-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.lessons-list{display:flex!important;flex-direction:column;gap:12px;margin-top:16px}.lessons-table-wrapper{margin-top:0;width:100%}.lessons-table{background:#fff;border-collapse:collapse;font-size:14px;table-layout:fixed;width:100%}.lessons-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0;position:static}.lessons-table th{color:#333;font-size:13px;font-weight:600;padding:12px 10px;text-align:left}.lessons-table th:first-child,.lessons-table th:nth-child(2){width:15%}.lessons-table th:nth-child(3){width:30%}.lessons-table th:nth-child(4){width:12%}.lessons-table th:nth-child(5){width:15%}.lessons-table th:nth-child(6){width:13%}.lessons-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.lessons-table tbody tr:hover{background:#f9f9f9}.lessons-table tbody tr:last-child{border-bottom:none}.lessons-table td{word-wrap:break-word;color:#333;font-size:14px;padding:10px;vertical-align:middle}.lessons-table td.amount-cell{color:#333;font-weight:700;text-align:right}.lesson-card{background:#fff!important;border:2px solid #893c3b!important;border-radius:8px;box-shadow:0 2px 4px #0000001a!important;min-height:120px!important;padding:16px!important;transition:all .2s ease}.lesson-card:hover{box-shadow:0 4px 12px #893c3b33!important;transform:translateY(-2px)}.lesson-header{border-bottom:2px solid #893c3b;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.lesson-date,.lesson-header{align-items:center;display:flex!important}.lesson-date{color:#333!important;font-size:16px!important;font-weight:700!important;gap:8px}.lesson-date svg{color:#893c3b!important;height:20px!important;width:20px!important}.lesson-amount-badge{background:#893c3b!important;border-radius:6px;color:#fff!important;font-size:18px!important;font-weight:700!important;padding:8px 16px!important}.lesson-details{display:flex!important;flex-direction:column;gap:10px!important}.lesson-detail-row{align-items:center;display:flex!important;font-size:15px!important;justify-content:space-between;padding:4px 0}.lesson-detail-row .detail-label{color:#666!important;font-size:14px!important;font-weight:600!important;min-width:80px}.lesson-detail-row .detail-value{color:#333!important;flex:1 1;font-size:15px!important;font-weight:600!important;text-align:right}.lesson-summary{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.lesson-summary .detail-label{color:#666;font-size:13px;font-weight:500}.lesson-summary .detail-value{color:#555;font-size:13px;font-weight:400;line-height:1.5}.profit-share-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px}.profit-share-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.profit-share-summary{margin-bottom:16px}.profit-share-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-size:15px;justify-content:space-between;padding:8px 0}.profit-share-row:last-child{border-bottom:none}.profit-share-row .label{color:#666;font-weight:500}.profit-share-row .value{color:#333;font-size:15px;font-weight:600}.profit-share-deductions{margin-top:16px}.profit-share-deductions h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.deduction-group{margin-bottom:16px}.deduction-group:last-child{margin-bottom:0}.deduction-group h5{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.profit-share-net{align-items:center;border-top:2px solid #ddd;display:flex;font-size:16px;justify-content:space-between;margin-top:16px;padding-top:12px}.profit-share-net .label{color:#333;font-weight:600}.profit-share-net .value{color:#333;font-size:18px;font-weight:700}.profit-share-net .value.negative{color:#f44336}.summary-item{align-items:center;font-size:15px;justify-content:space-between;padding:8px 0}.summary-label{color:#666;font-weight:500}.summary-value{color:#333;font-weight:600}.deductions-section{margin-top:16px}.deductions-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.type-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.type-badge.recurring{background:#e3f2fd;color:#1976d2}.type-badge.bonus{background:#e8f5e9;color:#2e7d32}.type-badge.deduction{background:#ffebee;color:#c62828}.profit-sharer-badge{background:#fff3e0;border-radius:3px;color:#e65100;display:inline-block;font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px}.profit-share-net{background:#fff;border:2px solid #4caf50;border-radius:6px;margin-top:20px;padding:16px}.net-item{align-items:center;display:flex;font-size:18px;justify-content:space-between}.net-label{color:#333;font-weight:600}.net-value{color:#4caf50;font-size:20px;font-weight:700}.net-value.negative{color:#f44336}.warning-note{background:#fff3e0;border-radius:4px;color:#e65100;font-size:13px;font-weight:500;margin-top:12px;padding:10px}.table-container{border:1px solid #e0e0e0;border-radius:8px;min-height:100px;overflow-x:auto}.detail-table{background:#fff;border-collapse:collapse;min-height:100px;width:100%}.detail-table thead{background:#f5f5f5}.detail-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;min-height:40px;padding:12px;text-align:left;text-transform:uppercase}.detail-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;min-height:40px;padding:12px;vertical-align:middle}.detail-table tbody tr:hover{background:#f9f9f9}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table td.positive{color:#4caf50;font-weight:600}.detail-table td.negative{color:#f44336;font-weight:600}.detail-table td.summary-cell{word-wrap:break-word;color:#666;font-size:13px;line-height:1.4;max-width:300px;white-space:normal}.totals-section{background:#f9f9f9;border-radius:8px;margin-top:24px;padding:20px}.totals-row{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 0}.totals-label{color:#666;font-weight:500}.totals-value{color:#333;font-weight:600}.totals-value.positive{color:#4caf50}.totals-value.negative{color:#f44336}.totals-row.total{border-top:2px solid #ddd;font-size:20px;margin-top:10px;padding-top:15px}.totals-row.total .totals-label,.totals-row.total .totals-value{color:#333;font-weight:700}.modal-footer{gap:12px;padding:20px 24px}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#4caf50}.btn-primary:hover:not(:disabled){background:#45a049}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{border:2px solid #ddd;color:#666}.btn-secondary:hover{background:#f5f5f5;border-color:#999}@media (max-width:1024px) and (min-width:769px){.tutor-detail-modal{margin:20px;max-width:95%}.modal-body,.modal-header{padding:20px}.info-section,.notes-section{padding:18px}.info-grid{grid-template-columns:repeat(2,1fr)}.detail-table{font-size:13px}.detail-table td,.detail-table th{padding:10px 8px}.modal-footer{padding:18px 20px}}@media (max-width:768px){.modal-overlay{align-items:stretch;padding:0}.tutor-detail-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%}.modal-header{flex-shrink:0;padding:16px}.header-content h2{font-size:18px}.modal-subtitle{font-size:13px}.close-button{font-size:28px;min-height:44px;min-width:44px}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}.info-section,.notes-section{margin-bottom:16px;padding:14px}.info-header h3{font-size:16px}.info-grid{gap:12px;grid-template-columns:1fr}.info-label{font-size:11px}.info-value{font-size:13px}.notes-section h3{font-size:15px}.notes-content{font-size:13px}.adjustments-section h3,.lessons-section h3,.profit-share-section h3,.recurring-section h3{font-size:16px;margin-bottom:12px}.lessons-table-wrapper{width:100%}.lessons-table{font-size:13px;width:100%}.lessons-table th{font-size:12px;padding:12px 8px}.lessons-table td{font-size:13px;padding:10px 8px}.lessons-table td.amount-cell{font-size:14px}.profit-share-section{padding:14px}.profit-share-net,.profit-share-summary{padding:12px}.net-item,.summary-item{align-items:flex-start;flex-direction:column;font-size:13px;gap:4px}.net-value{font-size:16px}.deductions-section h4{font-size:14px}.type-badge{font-size:10px;padding:3px 6px}.profit-sharer-badge{font-size:9px}.warning-note{font-size:12px;padding:8px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.detail-table{font-size:13px;min-width:600px}.detail-table td,.detail-table th{padding:10px 8px;white-space:nowrap}.detail-table th{font-size:12px}.totals-section{padding:14px}.totals-row{align-items:flex-start;flex-direction:column;font-size:14px;gap:4px}.totals-row.total{font-size:16px;padding-top:12px}.modal-footer{flex-direction:column;flex-shrink:0;gap:10px;padding:16px}.btn-primary,.btn-secondary{font-size:14px;min-height:44px;padding:12px 20px;width:100%}.status-badge{font-size:11px;padding:4px 8px}}@media (max-width:375px){.modal-header{padding:12px}.header-content h2{font-size:16px}.modal-subtitle{font-size:12px}.modal-body{padding:12px}.info-section,.notes-section,.totals-section{margin-bottom:12px;padding:12px}.adjustments-section h3,.info-header h3,.lessons-section h3,.recurring-section h3{font-size:15px}.lessons-table{font-size:12px}.lessons-table th{font-size:11px;padding:10px 8px}.lessons-table td{padding:8px}.lessons-table td.amount-cell{font-size:13px}.detail-table{font-size:12px}.detail-table td,.detail-table th{padding:8px 6px}.totals-row{font-size:13px}.totals-row.total{font-size:15px}.modal-footer{padding:12px}.btn-primary,.btn-secondary{font-size:13px;padding:10px 16px}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-overlay{padding:20px}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;width:100%}.modal-header{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#333;padding:20px 25px}.modal-header .header-content{align-items:center;display:flex;flex:1 1;gap:15px}.modal-header h3{font-size:22px;font-weight:600;margin:0}.modal-subtitle{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.dispute-count-badge{background:#893c3b;border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:3px 10px}.dispute-resolution-modal{max-width:900px}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover:not(:disabled){background:#f0f0f0;color:#333}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:25px}.modal-footer{background:#f9f9f9;border-top:2px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.error-message{align-items:center;background:linear-gradient(135deg,#fee,#fdd);border-left:5px solid #c33;border-radius:10px;box-shadow:0 2px 8px #cc33331a;color:#c33;display:flex;gap:15px;padding:20px}.error-message:before{content:"⚠";flex-shrink:0;font-size:28px}.loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;gap:20px;padding:60px 20px;text-align:center}.loading-spinner{border-top-color:#893c3b;height:50px;width:50px}.loading p{color:#666;font-size:15px;margin:0}.no-disputes{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:80px 40px;text-align:center}.no-disputes-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-disputes-title{color:#495057;font-size:20px;font-weight:600;margin:0 0 10px}.no-disputes-message{color:#6c757d;font-size:15px;line-height:1.6;margin:0}.no-disputes-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.no-disputes-success .no-disputes-icon{color:#28a745}.no-disputes-success .no-disputes-message,.no-disputes-success .no-disputes-title{color:#155724}.disputed-lessons{display:flex;flex-direction:column;gap:20px}.dispute-card{background:#fff;border:2px solid #dc3545;border-radius:10px;box-shadow:0 2px 6px #dc35451a;padding:20px}.dispute-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.dispute-badges{align-items:center;display:flex;gap:8px}.dispute-badge{background:#dc3545}.dispute-badge,.edited-badge{border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.edited-badge{background:#cba763}.dispute-date{color:#666;font-size:13px;white-space:nowrap}.lesson-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.detail-row{display:flex;flex-direction:column;gap:5px}.detail-row-full{grid-column:1/-1}.detail-label{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#555;font-size:15px}.edit-input,.edit-textarea{border:2px solid #cba763;border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.edit-input:focus,.edit-textarea:focus{border-color:#893c3b;outline:none}.edit-textarea{min-height:60px;resize:vertical}.dispute-reason{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin-bottom:20px;padding:15px}.dispute-reason strong{color:#856404;display:block;font-size:14px;margin-bottom:8px}.dispute-reason p{color:#856404;line-height:1.6;margin:0}.dispute-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.dispute-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-edit{background:#cba763;color:#fff}.btn-edit:hover:not(:disabled){background:#b8954d;box-shadow:0 2px 6px #cba7634d;transform:translateY(-1px)}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background:#c82333;box-shadow:0 2px 6px #dc35454d;transform:translateY(-1px)}.btn-save{background:#28a745;color:#fff}.btn-save:hover:not(:disabled){background:#218838;box-shadow:0 2px 6px #28a7454d;transform:translateY(-1px)}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-resolve{background:#893c3b;color:#fff}.btn-resolve:hover:not(:disabled){background:#6f302f;box-shadow:0 2px 6px #893c3b4d;transform:translateY(-1px)}.dispute-actions button:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-modal{background:#6c757d;color:#fff}.btn-cancel-modal:hover:not(:disabled){background:#5a6268}.btn-resolve-modal{background:#893c3b;color:#fff}.btn-resolve-modal:hover:not(:disabled){background:#6f302f;box-shadow:0 2px 8px #893c3b4d;transform:translateY(-1px)}.lesson-summary{margin-bottom:25px}.lesson-summary h4{color:#893c3b;font-size:16px;margin-bottom:15px}.summary-grid{grid-gap:15px;background:#f9f9f9;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding:15px}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-item .label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item .value{color:#333;font-size:15px;font-weight:500}.dispute-info{margin-bottom:25px}.dispute-info h4{color:#893c3b;font-size:16px;margin-bottom:10px}.dispute-reason-text{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;line-height:1.6;margin:0;padding:15px}.edited-data-info{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:25px;padding:15px}.edited-data-info h4{color:#856404;font-size:16px;margin:0 0 10px}.edited-data-info .info-text{color:#856404;font-size:14px;margin:0 0 10px}.edited-data-info ul{color:#856404;margin:0;padding-left:20px}.edited-data-info li{font-size:14px;margin-bottom:5px}.resolution-notes{display:flex;flex-direction:column;gap:10px}.resolution-notes label{color:#333;font-size:14px;font-weight:600}.resolution-notes .optional{color:#666;font-size:13px;font-weight:400}.resolution-notes textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.resolution-notes textarea:focus{border-color:#893c3b;outline:none}.resolution-notes textarea:disabled{background:#f5f5f5;cursor:not-allowed}@media (max-width:768px){.lesson-details,.summary-grid{grid-template-columns:1fr}.dispute-actions{flex-direction:column}.dispute-actions button{width:100%}.modal-content{max-height:95vh}.modal-header h3{font-size:18px}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.modal-overlay{animation:fadeIn .2s ease;background:#0009}.profit-sharing-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;width:95%}.profit-sharing-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #ecf0f1;border-radius:12px 12px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:24px 28px}.profit-sharing-modal .modal-header h2{color:#fff;flex:1 1;font-size:24px;font-weight:700;margin:0}.profit-sharing-modal .modal-subtitle{color:#ffffffe6;flex-basis:100%;font-size:14px;margin:5px 0 0;width:100%}.profit-sharing-modal .close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.profit-sharing-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.profit-sharing-modal .close-btn:active{transform:scale(.95)}.profit-sharing-modal .close-btn:hover:not(:disabled){background:#ecf0f1;color:#2c3e50}.profit-sharing-modal .close-btn:disabled{cursor:not-allowed;opacity:.5}.profit-sharing-modal .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px 28px}.profit-sharing-modal .loading{color:#7f8c8d;font-size:16px;padding:40px 20px;text-align:center}.profit-sharing-modal .error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;font-weight:500;margin-bottom:20px;padding:16px}.profit-sharing-modal .commission-pool-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;margin-bottom:24px;padding:20px 24px;text-align:center}.profit-sharing-modal .commission-pool-display h3{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.profit-sharing-modal .pool-amount{color:#fff;font-size:42px;font-weight:700;text-shadow:0 2px 4px #0003}.profit-sharing-modal .allocations-section{margin-bottom:24px}.profit-sharing-modal .allocations-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 12px}.profit-sharing-modal .no-allocations{background:#f8f9fa;border-radius:6px;color:#7f8c8d;font-style:italic;padding:40px 20px;text-align:center}.profit-sharing-modal .allocations-table{background:#fff;border:2px solid #ecf0f1;border-collapse:collapse;border-radius:8px;margin-bottom:16px;overflow:hidden;width:100%}.profit-sharing-modal .allocations-table thead{background:#f8f9fa}.profit-sharing-modal .allocations-table th{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.profit-sharing-modal .allocations-table th:last-child{text-align:center}.profit-sharing-modal .allocations-table tbody tr{transition:background .2s ease}.profit-sharing-modal .allocations-table tbody tr:hover{background:#f8f9fa}.profit-sharing-modal .allocations-table td{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:14px;padding:14px 16px}.profit-sharing-modal .allocations-table tbody tr:last-child td{border-bottom:none}.profit-sharing-modal .allocations-table td:last-child{text-align:center}.profit-sharing-modal .btn-remove{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.profit-sharing-modal .btn-remove:hover:not(:disabled){background:#c0392b;box-shadow:0 2px 4px #e74c3c4d;transform:translateY(-1px)}.profit-sharing-modal .btn-remove:disabled{cursor:not-allowed;opacity:.6}.profit-sharing-modal .allocation-summary{background:#f8f9fa;border:2px solid #ecf0f1;border-radius:6px;padding:16px 20px}.profit-sharing-modal .summary-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.profit-sharing-modal .summary-row:first-child{padding-top:0}.profit-sharing-modal .summary-row:last-child{border-top:2px solid #ecf0f1;color:#2c3e50;font-weight:700;margin-top:8px;padding-bottom:0;padding-top:12px}.profit-sharing-modal .summary-row span:first-child{color:#555;font-weight:600}.profit-sharing-modal .summary-row span:nth-child(2){color:#667eea;font-weight:700;margin:0 16px}.profit-sharing-modal .summary-row span:last-child{color:#27ae60;font-weight:700}.profit-sharing-modal .add-allocation-section{background:#f8f9fa;border:2px dashed #bdc3c7;border-radius:8px;padding:20px}.profit-sharing-modal .add-allocation-section h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.profit-sharing-modal .add-allocation-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr auto}.profit-sharing-modal .add-allocation-form input,.profit-sharing-modal .add-allocation-form select{background:#fff;border:2px solid #ecf0f1;border-radius:6px;color:#2c3e50;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.profit-sharing-modal .add-allocation-form select{cursor:pointer}.profit-sharing-modal .add-allocation-form input:focus,.profit-sharing-modal .add-allocation-form select:focus{border-color:#667eea;outline:none}.profit-sharing-modal .add-allocation-form input:disabled,.profit-sharing-modal .add-allocation-form select:disabled{background:#ecf0f1;cursor:not-allowed;opacity:.7}.profit-sharing-modal .add-allocation-form input[type=number]{text-align:right}.profit-sharing-modal .btn-add{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.profit-sharing-modal .btn-add:hover:not(:disabled){background:#229954;box-shadow:0 4px 8px #27ae604d;transform:translateY(-1px)}.profit-sharing-modal .btn-add:active:not(:disabled){box-shadow:0 2px 4px #27ae6033;transform:translateY(0)}.profit-sharing-modal .btn-add:disabled{cursor:not-allowed;opacity:.6}.profit-sharing-modal .modal-footer{border-top:2px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.profit-sharing-modal .btn-cancel,.profit-sharing-modal .btn-save{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.profit-sharing-modal .btn-cancel{background:#ecf0f1;color:#555}.profit-sharing-modal .btn-cancel:hover:not(:disabled){background:#bdc3c7}.profit-sharing-modal .btn-save{background:#667eea;box-shadow:0 2px 4px #667eea33;color:#fff}.profit-sharing-modal .btn-save:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.profit-sharing-modal .btn-save:active:not(:disabled){box-shadow:0 2px 4px #667eea33;transform:translateY(0)}.profit-sharing-modal .btn-cancel:disabled,.profit-sharing-modal .btn-save:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:1024px) and (min-width:769px){.profit-sharing-modal{max-height:85vh;width:90%}.profit-sharing-modal .modal-body,.profit-sharing-modal .modal-header{padding:22px}.profit-sharing-modal .pool-amount{font-size:38px}.profit-sharing-modal .add-allocation-form{gap:10px;grid-template-columns:1fr}}@media screen and (max-width:768px){.modal-overlay{align-items:stretch;padding:0}.profit-sharing-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.profit-sharing-modal .modal-header{flex-shrink:0;padding:16px 20px}.profit-sharing-modal .modal-header h2{font-size:18px}.profit-sharing-modal .close-btn{min-height:44px;min-width:44px}.profit-sharing-modal .modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 20px}.profit-sharing-modal .commission-pool-display{margin-bottom:20px;padding:20px}.profit-sharing-modal .pool-amount{font-size:36px}.profit-sharing-modal .allocations-section{margin-bottom:20px}.profit-sharing-modal .allocations-section h3{font-size:16px}.profit-sharing-modal .allocations-table{display:block;overflow-x:auto;white-space:nowrap}.profit-sharing-modal .allocations-table tbody,.profit-sharing-modal .allocations-table thead,.profit-sharing-modal .allocations-table tr{display:table;table-layout:fixed;width:100%}.profit-sharing-modal .allocations-table td,.profit-sharing-modal .allocations-table th{font-size:13px;padding:12px 10px}.profit-sharing-modal .summary-row{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.profit-sharing-modal .summary-row span:nth-child(2){margin:0}.profit-sharing-modal .add-allocation-section{padding:16px}.profit-sharing-modal .add-allocation-form{gap:10px;grid-template-columns:1fr}.profit-sharing-modal .add-allocation-form input,.profit-sharing-modal .add-allocation-form select{font-size:16px;min-height:44px}.profit-sharing-modal .btn-add{min-height:44px;width:100%}.profit-sharing-modal .modal-footer{flex-direction:column-reverse;flex-shrink:0;gap:10px;padding:16px 20px}.profit-sharing-modal .btn-cancel,.profit-sharing-modal .btn-save{justify-content:center;min-height:44px;padding:12px 20px;width:100%}}@media screen and (max-width:375px){.profit-sharing-modal .modal-header{padding:12px 16px}.profit-sharing-modal .modal-header h2{font-size:16px}.profit-sharing-modal .modal-body{padding:12px 16px}.profit-sharing-modal .commission-pool-display{padding:16px}.profit-sharing-modal .pool-amount{font-size:32px}.profit-sharing-modal .add-allocation-section h3,.profit-sharing-modal .allocations-section h3{font-size:15px}.profit-sharing-modal .allocations-table td,.profit-sharing-modal .allocations-table th{font-size:12px;padding:10px 8px}.profit-sharing-modal .btn-remove{font-size:12px;padding:5px 10px}.profit-sharing-modal .add-allocation-section{padding:12px}.profit-sharing-modal .modal-footer{padding:12px 16px}.profit-sharing-modal .btn-cancel,.profit-sharing-modal .btn-save{font-size:14px;padding:10px 16px}}.invoice-template-settings{margin:0 auto;max-width:1200px;padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:8px}.settings-description{color:#666;font-size:14px;margin:0}.template-settings-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:400px}.template-settings-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#893c3b;height:40px;width:40px}.alert{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.settings-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-section{border-bottom:1px solid #e5e5e5;padding:30px}.settings-section:last-child{border-bottom:none}.settings-section h2{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:20px}.logo-upload-section{display:flex;flex-direction:column;gap:20px}.logo-preview-container{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:20px}.logo-preview,.logo-preview-container{align-items:center;display:flex;justify-content:center}.logo-preview{max-height:150px;max-width:300px}.logo-preview img{max-height:150px;max-width:100%;object-fit:contain}.logo-placeholder{align-items:center;color:#999;display:flex;font-size:14px;height:150px;justify-content:center;width:300px}.logo-actions{display:flex;flex-wrap:wrap;gap:10px}.help-text{color:#666;font-size:13px;margin:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group textarea{min-height:80px;resize:vertical}.btn{border-radius:6px;display:inline-flex;padding:10px 20px}.btn-primary{background-color:#4a90e2}.btn-primary:hover:not(:disabled){background-color:#357abd}.btn-secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e8e8e8}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b}.settings-actions{background:#f9f9f9;border-top:1px solid #e5e5e5;display:flex;gap:15px;justify-content:flex-end;padding:30px}.preview-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.preview-modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:20px 30px}.preview-modal-header h2{font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.close-btn:hover{color:#333}.preview-modal-body{flex:1 1;overflow-y:auto;padding:30px}@media (max-width:768px){.invoice-template-settings{padding:15px}.settings-section{padding:20px}.form-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column;padding:20px}.settings-actions .btn{width:100%}.logo-actions{flex-direction:column}.logo-actions .btn,.logo-actions label{width:100%}.preview-modal{padding:10px}.preview-modal-content{max-height:95vh}.preview-modal-header{padding:15px 20px}.preview-modal-body{padding:20px}}:root{--primary:#893c3b;--primary-light:#a04d4b;--primary-dark:#6d2f2e;--accent:#cba763;--accent-light:#d9b876;--accent-dark:#b8935a;--success:#10b981;--danger:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}.finance-ic-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.finance-ic-modal{animation:slideUp .3s ease;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.finance-ic-modal-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;padding:1.25rem 1.75rem}.header-content{flex:1 1}.header-content h2{color:#893c3b;color:var(--primary);font-size:1.4rem;font-weight:700;margin:0 0 .25rem}.header-subtitle{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.75rem;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.btn-close:hover{background:#e5e7eb;background:var(--gray-200);color:#893c3b;color:var(--primary)}.finance-ic-modal-content{padding:1.75rem}.alert{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:.625rem;margin-bottom:1.25rem;padding:.875rem 1.125rem}.alert svg{flex-shrink:0}.alert-error{background:#fee2e2;border-left:3px solid #dc2626;border-left:3px solid var(--danger);color:#991b1b}.loading-state{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#893c3b;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:16px;width:40px}.loading-state p{font-size:15px;font-weight:500;margin:8px 0 0}.assign-invoices-tab{display:flex;flex-direction:column;gap:1.5rem}.modal-description{color:#4b5563;color:var(--gray-600);font-size:14px;line-height:1.5;margin:0 0 20px}.finance-ic-selector{display:flex;flex-direction:column;gap:.5rem}.finance-ic-selector label{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600}.finance-ic-selector select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem;transition:all .3s}.finance-ic-selector select:focus{border-color:#cba763;border-color:var(--accent);box-shadow:0 0 0 3px #cba7631a;outline:none}.current-assignments{background:#f9fafb;background:var(--gray-50);border-radius:8px;padding:1rem}.current-assignments h4{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin:0 0 1rem}.assigned-invoices-list{display:flex;flex-direction:column;gap:.5rem}.invoice-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s}.invoice-item:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 2px 4px #0000000d}.invoice-item-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.invoice-number{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:6px;color:#893c3b;color:var(--primary);font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.3px;padding:3px 10px}.invoice-number,.invoice-tutee{align-items:center;display:inline-flex}.invoice-tutee{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500}.invoice-amount{background:#10b98114;border-radius:6px;color:#10b981;color:var(--success);font-size:.9375rem;font-weight:700;margin-left:auto;padding:3px 10px}.badge-default,.invoice-amount{align-items:center;display:inline-flex}.badge-default{background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;font-size:11px;font-weight:600;gap:4px;line-height:1.2;padding:3px 8px;white-space:nowrap}.badge-default svg{flex-shrink:0}.badge-override{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;color:#92400e;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1.2;padding:3px 8px;white-space:nowrap}.btn-remove{align-items:center;background:#dc2626;background:var(--danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.btn-remove:hover{background:#b91c1c;transform:scale(1.1)}.btn-remove:disabled{cursor:not-allowed;opacity:.5;transform:none}.no-assignments{color:#6b7280;color:var(--gray-500);font-size:.9rem;font-style:italic;margin:0}.unassigned-invoices{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;padding:1rem}.unassigned-invoices h4{color:#1f2937;color:var(--gray-800);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.invoices-selection-list{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:.5rem}.invoice-checkbox{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.875rem;padding:.875rem;transition:all .2s ease}.invoice-checkbox:hover{background:#f9fafb;border-color:#e5e7eb;border-color:var(--gray-200);box-shadow:0 1px 3px #0000000d}.invoice-checkbox input[type=checkbox]{accent-color:#893c3b;accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.invoice-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.invoice-checkbox-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem;min-height:26px}.badge-default-small,.invoice-checkbox-content>*{align-items:center;display:inline-flex}.badge-default-small{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:12px;box-shadow:0 1px 2px #10b9811a;color:#065f46;font-size:.6875rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.badge-default-small svg{flex-shrink:0}.badge-assigned{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;box-shadow:0 1px 2px #3b82f61a;color:#1e40af;display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.badge-assigned svg{flex-shrink:0}.badge-unassigned{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;box-shadow:0 1px 2px #dc26261a;color:#991b1b;display:inline-flex;font-size:.6875rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.badge-unassigned svg{flex-shrink:0}.btn-assign{margin-top:.5rem;width:100%}.assignment-stats{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;display:flex;flex-direction:row;gap:.5rem;padding:.5rem}.stat-item{align-items:center;background:#fff;border-radius:4px;display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-width:0;padding:.4rem .5rem}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.6rem;font-weight:500;letter-spacing:.5px;line-height:1.1;text-align:center;text-transform:uppercase}.stat-value{color:#893c3b;color:var(--primary);font-size:1.25rem;line-height:1}.payment-info-preview{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;padding:1rem}.payment-info-preview h4{color:#1e40af;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.payment-info-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-info-item{display:flex;flex-direction:column;gap:.25rem}.payment-info-item.full-width{grid-column:1/-1}.payment-label{color:#1e40af;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payment-value{color:#1e3a8a;font-size:.9rem;font-weight:600}.finance-ic-modal-footer{background:#f9fafb;background:var(--gray-50);border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);display:flex;gap:.875rem;justify-content:flex-end;padding:1.25rem 1.75rem}.btn{align-items:center;border-radius:8px;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem 1.75rem;transition:all .3s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;transform:none}.btn-secondary{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#cba763;border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg,#893c3b,#6d2f2e);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #893c3b4d}.btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.invoices-selection-list::-webkit-scrollbar{width:8px}.invoices-selection-list::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:4px}.invoices-selection-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:4px}.invoices-selection-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}@media (max-width:768px){.finance-ic-modal{max-height:95vh;width:95%}.finance-ic-modal-content,.finance-ic-modal-footer,.finance-ic-modal-header{padding-left:1.25rem;padding-right:1.25rem}.payment-info-grid{grid-template-columns:1fr}.invoice-checkbox-content,.invoice-item-content{align-items:flex-start;flex-direction:column;gap:.25rem}.finance-ic-modal-footer{flex-direction:column}.btn{width:100%}}.monthly-confirmation-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.confirmation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.confirmation-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.period-selector{align-items:center;display:flex;gap:12px}.period-selector select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px}.period-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.confirmation-status{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.status-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.status-card.success{background:#f0fdf4;border-color:#bbf7d0}.status-card.warning{background:#fffbeb;border-color:#fed7aa}.status-card.error{background:#fef2f2;border-color:#fecaca}.status-header{gap:8px;margin-bottom:8px}.status-header,.status-icon{align-items:center;display:flex}.status-icon{border-radius:50%;color:#fff;font-size:12px;height:20px;justify-content:center;width:20px}.status-icon.pending{background:#6b7280}.status-icon.confirmed{background:#10b981}.status-icon.generated{background:#3b82f6}.status-icon.completed{background:#059669}.status-title{color:#1f2937;font-weight:600;margin:0}.status-description{margin:0}.verification-section{margin-bottom:24px}.verification-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.verification-title{color:#1f2937;font-weight:600;margin:0}.verification-form{display:flex;flex-direction:column;gap:12px}.form-group{gap:4px}.form-label{color:#374151;font-size:14px;font-weight:500}.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-height:80px;padding:12px;resize:vertical}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.confirmation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.confirmation-actions .btn{align-items:center;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:44px;position:relative}.confirmation-actions .btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-actions .btn[title]:hover:after{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 6px #0003;color:#fff;content:attr(title);font-size:13px;left:50%;line-height:1.4;max-width:300px;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;white-space:normal;z-index:1000}.confirmation-actions .btn[title]:hover:before{border:6px solid #0000;border-top-color:#1f2937;bottom:calc(100% + 2px);content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1001}.progress-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.progress-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.progress-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.progress-stats{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px}.progress-stats .success-count{color:#059669}.progress-stats .failed-count{color:#dc2626}.progress-stats .separator{color:#9ca3af;font-weight:400}.progress-bar{background:#e5e7eb;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;height:12px;margin-bottom:16px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;overflow:hidden;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.error{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.progress-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:8px;padding:18px 20px;transition:box-shadow .2s ease}.progress-item:hover{box-shadow:0 2px 6px #0000001f}.progress-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.progress-value{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.progress-value.success{color:#059669}.progress-value.error{background:none;border:none;border-radius:0;color:#dc2626;margin:0;padding:0}.status-description{background:#fff;border-left:3px solid #3b82f6;border-radius:6px;color:#6b7280;font-size:14px;margin:12px 0 0;padding:12px}.statistics-section{margin-bottom:24px}.statistics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;text-align:center}.stat-value{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 4px}.stat-label{color:#6b7280;font-size:14px;margin:0}.checklist-section{margin-bottom:24px}.checklist-title{color:#1f2937;font-weight:600;margin:0 0 12px}.checklist{list-style:none;margin:0;padding:0}.checklist-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:8px 0}.checklist-item:last-child{border-bottom:none}.checklist-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:4px;display:flex;height:20px;justify-content:center;width:20px}.checklist-checkbox.checked{background:#10b981;border-color:#10b981;color:#fff}.checklist-text{color:#374151;flex:1 1;font-size:14px}.checklist-text.completed{color:#6b7280;text-decoration:line-through}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.error-message,.success-message{font-size:14px;margin-bottom:16px;padding:12px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#059669}.modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 16px}.modal-content p{color:#6b7280;line-height:1.5;margin:0 0 16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width:768px){.monthly-confirmation-panel{padding:16px}.confirmation-header{align-items:flex-start;flex-direction:column;gap:16px}.period-selector{justify-content:flex-start;width:100%}.confirmation-actions{flex-direction:column}.btn{justify-content:center}.progress-details{grid-template-columns:1fr}.statistics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.statistics-grid{grid-template-columns:1fr}}.failure-details{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;box-shadow:0 2px 4px #dc26261a;margin-top:20px;padding:20px}.failure-header{align-items:center;border-bottom:2px solid #fecaca;display:flex;gap:10px;margin-bottom:16px;padding-bottom:12px}.failure-header .failure-icon{color:#dc2626;flex-shrink:0;height:20px;width:20px}.failure-details h4{color:#991b1b;font-size:16px;font-weight:600;margin:0}.failure-list{display:flex;flex-direction:column;gap:12px}.failure-item{background:#fff;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:16px;transition:box-shadow .2s ease}.failure-item:hover{box-shadow:0 2px 6px #0000001a}.failure-tutee{align-items:center;display:flex;gap:8px;margin-bottom:10px}.failure-icon-small{color:#dc2626;flex-shrink:0;height:16px;width:16px}.failure-tutee .tutee-name{color:#991b1b;font-size:15px;font-weight:700}.failure-reason{display:flex;flex-direction:column;gap:4px;padding-left:24px}.reason-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reason-text{color:#7f1d1d;font-size:14px;line-height:1.5}.payment-tracking-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.payment-tracking-panel.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:200px}.payment-tracking-panel.empty{align-items:center;color:#999;display:flex;font-style:italic;justify-content:center;min-height:150px}.panel-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.panel-header h3{color:#333;font-size:1.4em;font-weight:600;margin:0}.payment-status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.9em;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.status-icon{font-size:1.1em;font-weight:700}.payment-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:25px}.info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.info-section h4{border-bottom:1px solid #dee2e6;color:#495057;font-size:1.1em;font-weight:600;margin:0 0 15px;padding-bottom:8px}.info-row{align-items:flex-start;gap:10px;margin-bottom:10px}.info-row:last-child{margin-bottom:0}.info-row label{color:#6c757d;flex-shrink:0;font-weight:500;min-width:120px}.info-row span{flex:1 1;text-align:right;word-break:break-word}.info-row .amount{color:#28a745;font-size:1.1em;font-weight:600}.info-row .overdue{color:#dc3545;font-weight:600}.info-row .paynow-number{background:#e9ecef;border-radius:3px;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.info-row a{color:#007bff;text-decoration:none}.info-row a:hover{text-decoration:underline}.payment-notes-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:25px;padding:15px}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.notes-header h4{color:#495057;font-size:1.1em;font-weight:600;margin:0}.btn-edit-notes{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px 8px;transition:background-color .2s}.btn-edit-notes:hover{background:#e9ecef}.notes-edit-form textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.notes-actions{display:flex;gap:10px}.notes-display .no-notes{color:#6c757d;font-style:italic;margin:0}.notes-display p{line-height:1.5;margin:0}.payment-actions{margin-bottom:25px}.btn-mark-paid{border:none;border-radius:6px;cursor:pointer;font-size:1.1em;font-weight:600;padding:12px 24px;transition:all .2s}.payment-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:15px;padding:20px}.payment-form h4{color:#495057;font-size:1.2em;margin:0 0 20px}.form-group{margin-bottom:15px}.form-group label{color:#495057;display:block;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:.875em;margin-top:5px}.form-actions{gap:10px;margin-top:20px}.payment-history{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.payment-history h4{border-bottom:1px solid #dee2e6;color:#495057;font-size:1.1em;font-weight:600;margin:0 0 15px;padding-bottom:8px}.history-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.history-item:last-child{margin-bottom:0}.history-date{color:#495057;font-weight:500}.history-details{align-items:center;display:flex;flex-direction:column;gap:2px}.history-method{color:#6c757d;font-size:.9em}.history-amount{color:#28a745;font-weight:600}.history-user{color:#6c757d;font-size:.9em;text-align:right}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-sm{font-size:12px;padding:6px 12px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:10px;width:40px}@media (max-width:768px){.payment-info-grid{grid-template-columns:1fr}.panel-header{gap:10px}.info-row,.panel-header{align-items:flex-start;flex-direction:column}.info-row{gap:5px}.info-row label{min-width:auto}.info-row span{text-align:left}.history-item{flex-direction:column;gap:8px}.history-details,.history-item{align-items:flex-start}.history-user{text-align:left}.form-actions,.notes-actions{flex-direction:column}}@media (max-width:480px){.payment-tracking-panel{margin:10px 0;padding:15px}.payment-status-badge{font-size:.8em;padding:6px 12px}.info-section{padding:12px}}.invoice-dispute-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.invoice-dispute-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;padding:20px 24px}.modal-header h2{color:#111827;font-size:1.5rem}.close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-button:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.close-button:disabled{cursor:not-allowed;opacity:.5}.modal-content{padding:24px}.invoice-summary{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:24px;padding:16px}.invoice-summary h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 12px}.invoice-info{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.info-row{align-items:center;display:flex;justify-content:space-between}.info-row .label{color:#64748b;font-weight:500}.info-row .value{color:#1e293b;font-weight:500}.info-row .value.amount{color:#059669;font-weight:600}.dispute-form{gap:20px}.dispute-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input.readonly{background-color:#f3f4f6;color:#6b7280}.character-count{color:#6b7280;font-size:.8rem;text-align:right}.error-message{color:#dc2626;font-size:.8rem;margin-top:4px}.file-upload{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.file-upload input[type=file]{display:none}.file-upload-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.file-upload-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.file-upload-text{color:#6b7280;font-size:.8rem}.uploaded-files{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:12px;padding:12px}.uploaded-files h4{color:#374151;font-size:.9rem;margin:0 0 8px}.uploaded-file{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:6px 0}.uploaded-file:last-child{border-bottom:none}.remove-file{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.8rem;padding:2px 6px;transition:background-color .2s ease}.remove-file:hover:not(:disabled){background-color:#fee2e2}.remove-file:disabled{cursor:not-allowed;opacity:.5}.proposed-changes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.add-change-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.add-change-button:hover:not(:disabled){background-color:#2563eb}.add-change-button:disabled{background-color:#9ca3af;cursor:not-allowed}.proposed-change{background-color:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;padding:16px}.change-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.change-header h4{color:#374151;font-size:1rem;margin:0}.remove-change{background:none;border:1px solid #dc2626;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.8rem;padding:4px 12px;transition:all .2s ease}.remove-change:hover:not(:disabled){background-color:#dc2626;color:#fff}.remove-change:disabled{cursor:not-allowed;opacity:.5}.change-fields{display:flex;flex-direction:column;gap:12px}.field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:4px}.field label{color:#6b7280;font-size:.8rem;font-weight:500}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cancel-button{background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#b91c1c}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.invoice-dispute-modal-overlay{padding:10px}.invoice-dispute-modal{max-height:95vh}.modal-header{padding:16px 20px}.modal-content{padding:20px}.field-row,.invoice-info{grid-template-columns:1fr}.file-upload{align-items:flex-start;flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}@media (max-width:480px){.modal-header h2{font-size:1.3rem}.proposed-changes-header{align-items:flex-start;flex-direction:column;gap:8px}.add-change-button{width:100%}}.tutee-invoice-management{background-color:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px 20px 100px}.tutee-invoice-management .management-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.tutee-invoice-management .management-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.tutee-invoice-management .management-header p{color:#666;font-size:16px;margin:0}.tutee-invoice-management .management-controls{background:#fff;border-left:4px solid #893c3b;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:24px}.tutee-invoice-management .controls-top-row{grid-gap:24px;align-items:end;display:grid;gap:24px;grid-template-columns:auto 1fr}.tutee-invoice-management .controls-bottom-row{border-top:1px solid #e5e7eb;padding-top:16px}.tutee-invoice-management .date-controls{align-items:flex-end;display:flex;gap:16px}.tutee-invoice-management .control-group{display:flex;flex-direction:column;gap:8px;min-width:160px}.tutee-invoice-management .control-group label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tutee-invoice-management .control-group select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;transition:all .2s ease}.tutee-invoice-management .control-group select:hover{border-color:#d1d5db}.tutee-invoice-management .control-group select:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a;outline:none}.tutee-invoice-management .search-controls{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:300px}.tutee-invoice-management .search-controls label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tutee-invoice-management .search-input{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:10px 16px;transition:all .2s ease;width:100%}.tutee-invoice-management .search-input::placeholder{color:#9ca3af}.tutee-invoice-management .search-input:hover{border-color:#d1d5db}.tutee-invoice-management .search-input:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a;outline:none}.tutee-invoice-management .filter-controls{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tutee-invoice-management .filter-group{display:flex;flex-direction:column;gap:8px}.tutee-invoice-management .filter-group label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tutee-invoice-management .filter-group select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;transition:all .2s ease}.tutee-invoice-management .filter-group select:hover{border-color:#d1d5db}.tutee-invoice-management .filter-group select:focus{border-color:#893c3b;box-shadow:0 0 0 3px #893c3b1a;outline:none}.bulk-actions{align-items:center;background:linear-gradient(135deg,#893c3b,#a04544);border-radius:8px;box-shadow:0 2px 4px #893c3b33;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.selection-count{font-size:14px;font-weight:600}.bulk-action-buttons{display:flex;gap:10px}.tutee-invoice-management .bulk-action-buttons .btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.tutee-invoice-management .bulk-action-buttons .btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.tutee-invoice-management .invoice-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tutee-invoice-management .table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:20px;justify-content:space-between;padding:20px}.tutee-invoice-management .table-header h2{align-items:center;color:#333;display:flex;flex:1 1;font-size:20px;font-weight:600;gap:10px;margin:0}.tutee-invoice-management .assign-all-btn{align-items:center;background:#fff;border:2px solid #893c3b;color:#893c3b;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.tutee-invoice-management .assign-all-btn:hover:not(:disabled){background:#893c3b;border-color:#893c3b;color:#fff}.tutee-invoice-management .assign-all-btn:hover:not(:disabled) svg{color:#fff}.tutee-invoice-management .assign-all-btn:disabled{background:#fff;border-color:#d1d5db;color:#9ca3af;opacity:.6}.tutee-invoice-management .assign-all-btn svg{flex-shrink:0}.tutee-invoice-management .invoice-count{color:#666;font-size:14px;font-weight:400}.tutee-invoice-management .invoice-table-container{overflow-x:auto}.tutee-invoice-management .invoice-table{border-collapse:collapse;font-size:14px;min-width:1300px;table-layout:fixed;width:100%}.tutee-invoice-management .invoice-table th:first-child{width:40px}.tutee-invoice-management .invoice-table th:nth-child(2){width:140px}.tutee-invoice-management .invoice-table th:nth-child(3){width:160px}.tutee-invoice-management .invoice-table th:nth-child(4){width:180px}.tutee-invoice-management .invoice-table th:nth-child(5){width:90px}.tutee-invoice-management .invoice-table th:nth-child(6){width:70px}.tutee-invoice-management .invoice-table th:nth-child(7){width:90px}.tutee-invoice-management .invoice-table th:nth-child(8){width:80px}.tutee-invoice-management .invoice-table th:nth-child(9){width:160px}.tutee-invoice-management .invoice-table th:nth-child(10){width:100px}.tutee-invoice-management .invoice-table th:nth-child(11){width:90px}.tutee-invoice-management .invoice-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.tutee-invoice-management .invoice-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.tutee-invoice-management .invoice-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tutee-invoice-management .invoice-table th.sortable:hover{background:#e9ecef}.tutee-invoice-management .sort-indicator{color:#893c3b;font-size:12px;margin-left:4px}.tutee-invoice-management .invoice-table tbody tr{border-bottom:1px solid #dee2e6}.tutee-invoice-management .invoice-table tbody tr:hover{background:#f8f9fa}.tutee-invoice-management .invoice-table td{color:#333;font-size:14px;padding:12px;text-align:left;vertical-align:middle}.tutee-invoice-management .invoice-table input[type=checkbox]{accent-color:#893c3b;cursor:pointer;height:17px;margin:0;width:17px}.tutee-invoice-management .invoice-number{color:#893c3b;font-size:13px;font-weight:600}.tutee-invoice-management .finance-ic-info,.tutee-invoice-management .parent-info,.tutee-invoice-management .tutee-info{display:flex;flex-direction:column;gap:3px}.tutee-invoice-management .finance-ic-name,.tutee-invoice-management .parent-name,.tutee-invoice-management .tutee-name{color:#333;font-size:14px;font-weight:500}.tutee-invoice-management .tutee-code{color:#666;font-family:monospace;font-size:12px}.tutee-invoice-management .assignment-date,.tutee-invoice-management .parent-email{color:#666;font-size:12px}.tutee-invoice-management .no-assignment{color:#999;font-size:13px;font-style:italic}.tutee-invoice-management .period-display{color:#333;font-size:14px;font-weight:500}.tutee-invoice-management .invoice-amount{color:#2e7d32;font-size:14px;font-weight:600}.tutee-invoice-management .adjustment-indicator,.tutee-invoice-management .discount-indicator{cursor:help;font-size:12px;opacity:.7}.tutee-invoice-management .payment-status-badge,.tutee-invoice-management .status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.tutee-invoice-management .status-badge.status-pending{background:#fff3cd;color:#856404}.tutee-invoice-management .status-badge.status-assigned{background:#cfe2ff;color:#084298}.tutee-invoice-management .status-badge.status-paid{background:#d1e7dd;color:#0f5132}.tutee-invoice-management .status-badge.status-disputed{background:#f8d7da;color:#842029}.tutee-invoice-management .status-badge.status-resolved{background:#e2d9f3;color:#59359a}.tutee-invoice-management .payment-status-badge.payment-unpaid{background:#0000!important;color:#dc2626!important}.tutee-invoice-management .payment-status-badge.payment-paid{background:#d1e7dd;color:#0f5132}.tutee-invoice-management .payment-status-badge.payment-partial{background:#fff3cd;color:#856404}.tutee-invoice-management .due-date{color:#333;font-size:14px;font-weight:500}.tutee-invoice-management .due-date.overdue{color:#dc3545;font-weight:600}.monthly-confirmation-panel .btn,.tutee-invoice-management .btn{align-items:center;border:none;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.monthly-confirmation-panel .btn:hover:not(:disabled),.tutee-invoice-management .btn:hover:not(:disabled){box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.monthly-confirmation-panel .btn:active:not(:disabled),.tutee-invoice-management .btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.monthly-confirmation-panel .btn:disabled,.tutee-invoice-management .btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.monthly-confirmation-panel .btn-primary,.tutee-invoice-management .btn-primary{background:linear-gradient(135deg,#893c3b,#a04544);border:none;color:#fff}.monthly-confirmation-panel .btn-primary:hover:not(:disabled),.tutee-invoice-management .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7a3534,#8f3d3c)}.monthly-confirmation-panel .btn-success,.tutee-invoice-management .btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.monthly-confirmation-panel .btn-success:hover:not(:disabled),.tutee-invoice-management .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.monthly-confirmation-panel .btn-secondary,.tutee-invoice-management .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;color:#fff}.monthly-confirmation-panel .btn-secondary:hover:not(:disabled),.tutee-invoice-management .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151)}.monthly-confirmation-panel .btn-tertiary,.tutee-invoice-management .btn-tertiary{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;color:#fff}.monthly-confirmation-panel .btn-tertiary:hover:not(:disabled),.tutee-invoice-management .btn-tertiary:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e)}.monthly-confirmation-panel .btn-outline,.tutee-invoice-management .btn-outline{background:#fff;border:2px solid #d1d5db;box-shadow:none;color:#374151}.monthly-confirmation-panel .btn-outline:hover:not(:disabled),.tutee-invoice-management .btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.tutee-invoice-management .btn-sm{font-size:12px;font-weight:500;padding:6px 12px}.monthly-confirmation-panel .loading-spinner,.tutee-invoice-management .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:14px;margin-right:8px;vertical-align:middle;width:14px}.tutee-invoice-management .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}.tutee-invoice-management .btn-icon{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.tutee-invoice-management .btn-icon svg{flex-shrink:0;height:16px;transition:color .2s ease;width:16px}.tutee-invoice-management .btn-icon:hover{background:#893c3b;box-shadow:0 2px 4px #893c3b33;color:#fff;transform:translateY(-1px)}.tutee-invoice-management .btn-icon:hover svg{color:#fff}.tutee-invoice-management .btn-icon:active{box-shadow:none;transform:translateY(0)}.tutee-invoice-management .btn-icon:focus{box-shadow:0 0 0 3px #893c3b33;outline:none}.pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:20px;justify-content:center;padding:20px}.tutee-invoice-management .pagination-btn{background:linear-gradient(135deg,#893c3b,#a04544);border:none;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.tutee-invoice-management .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#7a3534,#8f3d3c);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.tutee-invoice-management .pagination-btn:active:not(:disabled){box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.tutee-invoice-management .pagination-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.pagination-info{color:#666;font-size:14px;font-weight:500}@media (max-width:1200px){.tutee-invoice-management{padding:15px}.management-controls{padding:20px}.tutee-invoice-management .controls-top-row{gap:20px;grid-template-columns:1fr}.tutee-invoice-management .date-controls{justify-content:flex-start}.tutee-invoice-management .search-controls{min-width:auto}.tutee-invoice-management .filter-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.tutee-invoice-management{padding:10px}.management-header{padding:15px}.management-header h1{font-size:24px}.management-controls{gap:16px;padding:16px}.tutee-invoice-management .controls-top-row{gap:16px}.tutee-invoice-management .controls-bottom-row{padding-top:12px}.tutee-invoice-management .date-controls{flex-direction:column;gap:12px;width:100%}.tutee-invoice-management .control-group{min-width:auto;width:100%}.tutee-invoice-management .search-controls{width:100%}.tutee-invoice-management .filter-controls{gap:12px;grid-template-columns:1fr}.tutee-invoice-management .search-controls{max-width:none}.tutee-invoice-management .bulk-actions{flex-direction:column;gap:15px;text-align:center}.tutee-invoice-management .bulk-action-buttons{justify-content:center}.tutee-invoice-management .table-header{align-items:stretch;flex-direction:column;padding:15px}.tutee-invoice-management .assign-all-btn{justify-content:center;width:100%}.tutee-invoice-management .invoice-table-container{font-size:12px}.tutee-invoice-management .invoice-table td,.tutee-invoice-management .invoice-table th{padding:10px 8px}.tutee-invoice-management .action-buttons{flex-direction:column;gap:4px}.tutee-invoice-management .pagination{flex-direction:column;gap:10px}.tutee-invoice-management .pagination-btn{width:100px}}@media (max-width:480px){.management-header h1{font-size:20px}.tutee-invoice-management .invoice-table{font-size:11px;min-width:800px}.tutee-invoice-management .invoice-table td,.tutee-invoice-management .invoice-table th{padding:8px 6px}.tutee-invoice-management .btn{font-size:10px;padding:4px 6px}}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:40px}.error-message{margin-bottom:20px}@media (prefers-reduced-motion:reduce){.tutee-invoice-management .btn,.tutee-invoice-management .control-group select,.tutee-invoice-management .filter-group select,.tutee-invoice-management .pagination-btn,.tutee-invoice-management .search-input{transition:none}.tutee-invoice-management .btn:hover,.tutee-invoice-management .pagination-btn:hover{transform:none}}@media (prefers-contrast:high){.tutee-invoice-management .payment-status-badge,.tutee-invoice-management .status-badge{border:1px solid}.tutee-invoice-management .invoice-table td,.tutee-invoice-management .invoice-table th{border:1px solid #333}}@media print{.tutee-invoice-management{background:#fff;padding:0}.tutee-invoice-management .action-buttons,.tutee-invoice-management .bulk-actions,.tutee-invoice-management .management-controls,.tutee-invoice-management .pagination{display:none}.tutee-invoice-management .invoice-table{font-size:12px}.tutee-invoice-management .invoice-table td,.tutee-invoice-management .invoice-table th{padding:8px 4px}}.tutee-invoice-management .invoice-table-section-v2{background:#fff;border:1px solid #ddd;margin-top:40px}.tutee-invoice-management .table-header-v2{align-items:center;background:#fafafa;border-bottom:1px solid #ddd;display:flex;gap:20px;justify-content:space-between;padding:16px}.tutee-invoice-management .table-header-v2 h2{color:#222;flex:1 1;font-size:20px;font-weight:700;margin:0}.tutee-invoice-management .table-header-v2 h2 .invoice-count{color:#666;font-size:16px;font-weight:400;margin-left:8px}.tutee-invoice-management .assign-all-btn-v2{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#495057;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.tutee-invoice-management .assign-all-btn-v2:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6;box-shadow:0 2px 6px #0000001f;color:#212529;transform:translateY(-1px)}.tutee-invoice-management .assign-all-btn-v2:hover:not(:disabled) svg{color:#212529}.tutee-invoice-management .assign-all-btn-v2:disabled{background:#f8f9fa;border-color:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed;opacity:.6}.tutee-invoice-management .assign-all-btn-v2 svg{flex-shrink:0;height:16px;width:16px}.tutee-invoice-management .invoice-table-container-v2{overflow-x:auto}.tutee-invoice-management .invoice-table-v2{border-collapse:collapse;font-size:14px;width:100%}.tutee-invoice-management .invoice-table-v2 th:first-child{width:120px}.tutee-invoice-management .invoice-table-v2 th:nth-child(2){width:150px}.tutee-invoice-management .invoice-table-v2 th:nth-child(3){width:140px}.tutee-invoice-management .invoice-table-v2 th:nth-child(4){width:80px}.tutee-invoice-management .invoice-table-v2 th:nth-child(5){width:140px}.tutee-invoice-management .invoice-table-v2 th:nth-child(6){width:180px}.tutee-invoice-management .invoice-table-v2 th:nth-child(7){width:90px}.tutee-invoice-management .invoice-table-v2 th:nth-child(8){width:80px}.tutee-invoice-management .invoice-table-v2 thead{background:#f5f5f5}.tutee-invoice-management .invoice-table-v2 th{border-bottom:2px solid #ccc;color:#333;font-size:13px;font-weight:600;padding:12px 10px;text-align:left}.tutee-invoice-management .invoice-table-v2 th.sortable-v2{cursor:pointer;-webkit-user-select:none;user-select:none}.tutee-invoice-management .invoice-table-v2 th.sortable-v2:hover{background:#eee}.tutee-invoice-management .invoice-table-v2 .sort-indicator-v2{color:#666;font-size:11px;margin-left:4px}.tutee-invoice-management .invoice-table-v2 tbody tr{border-bottom:1px solid #eee}.tutee-invoice-management .invoice-table-v2 tbody tr:hover{background:#fafafa}.tutee-invoice-management .invoice-table-v2 td{color:#333;font-size:14px;padding:12px 10px;text-align:left;vertical-align:top}.tutee-invoice-management .invoice-table-v2 .invoice-number-v2{color:#333;font-weight:500}.tutee-invoice-management .invoice-table-v2 .finance-ic-info-v2,.tutee-invoice-management .invoice-table-v2 .parent-info-v2,.tutee-invoice-management .invoice-table-v2 .tutee-info-v2{line-height:1.5}.tutee-invoice-management .invoice-table-v2 .finance-ic-name-v2,.tutee-invoice-management .invoice-table-v2 .parent-name-v2,.tutee-invoice-management .invoice-table-v2 .tutee-name-v2{display:block;font-weight:500}.tutee-invoice-management .invoice-table-v2 .assignment-date-v2,.tutee-invoice-management .invoice-table-v2 .parent-email-v2,.tutee-invoice-management .invoice-table-v2 .tutee-code-v2{color:#777;display:block;font-size:12px}.tutee-invoice-management .invoice-table-v2 .invoice-amount-v2{font-weight:500}.tutee-invoice-management .invoice-table-v2 .no-assignment-v2{color:#999;font-size:13px}.tutee-invoice-management .invoice-table-v2 .payment-status-badge-v2,.tutee-invoice-management .invoice-table-v2 .status-badge-v2{font-size:13px;font-weight:500;text-transform:capitalize}.tutee-invoice-management .invoice-table-v2 .status-badge-v2{color:#333}.tutee-invoice-management .invoice-table-v2 .payment-status-badge-v2.payment-unpaid{background:#0000!important;color:#dc2626!important}.tutee-invoice-management .invoice-table-v2 .payment-status-badge-v2.payment-paid{color:#0a0}.tutee-invoice-management .invoice-table-v2 .payment-status-badge-v2.payment-partial{color:#f80}.tutee-invoice-management .invoice-table-v2 .due-date-v2{font-weight:500}.tutee-invoice-management .invoice-table-v2 .due-date-v2.overdue{color:#d00}.tutee-invoice-management .invoice-table-v2 .action-buttons-v2{display:flex;gap:6px}.tutee-invoice-management .invoice-table-v2 .btn-icon-v2{align-items:center;background:#fff;border:1px solid #ddd;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;width:28px}.tutee-invoice-management .invoice-table-v2 .btn-icon-v2:hover{background:#f5f5f5;border-color:#bbb}.tutee-invoice-management .invoice-table-v2 .btn-icon-v2 svg{color:#666;height:14px;width:14px}.tutee-invoice-management .invoice-table-v2 .btn-delete-v2:hover{background:#fee;border-color:#fcc}.tutee-invoice-management .invoice-table-v2 .btn-delete-v2:hover svg{color:#d00}.tutee-invoice-management .table-filters-v2{grid-gap:16px;background:#fafafa;border-bottom:1px solid #ddd;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.tutee-invoice-management .table-filters-v2 .filter-group{display:flex;flex-direction:column;gap:6px}.tutee-invoice-management .table-filters-v2 .filter-group label{color:#555;font-size:12px;font-weight:600}.tutee-invoice-management .table-filters-v2 .filter-group select{background:#fff;border:1px solid #ddd;color:#333;cursor:pointer;font-size:14px;padding:8px 10px}.tutee-invoice-management .table-filters-v2 .filter-group select:hover{border-color:#bbb}.tutee-invoice-management .table-filters-v2 .filter-group select:focus{border-color:#893c3b;outline:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-large{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:95%}.modal-header{align-items:center;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s ease;width:32px}.modal-close-btn:hover{color:#d00}.modal-body{flex:1 1;overflow:auto;padding:0}.finance-ic-dashboard{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.user-role-info{display:flex;gap:10px}.role-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-badge.dual-role{background:linear-gradient(135deg,#893c3b,#4caf50);color:#fff}.role-badge.finance-ic{background-color:#893c3b;color:#fff}.role-badge.profit-sharer{background-color:#4caf50;color:#fff}.dashboard-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease}.tab-button:hover{border-color:#893c3b;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#893c3b,#a04544);border-color:#893c3b;box-shadow:0 4px 12px #893c3b4d;color:#fff}.tab-icon{display:block;font-size:24px;margin-bottom:8px}.tab-button h3{font-size:16px;font-weight:600;margin:0 0 5px}.tab-description{display:block;font-size:12px;margin-top:5px;opacity:.8}.access-level-indicator{margin-bottom:20px}.access-info{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px}.access-info.editable{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.access-info.readonly{background-color:#fff3e0;border:1px solid #ffcc02;color:#f57c00}.access-icon{font-size:16px}.dashboard-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.finance-ic-dashboard .filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.finance-ic-dashboard .filter-group label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.finance-ic-dashboard .filter-group input,.finance-ic-dashboard .filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.finance-ic-dashboard .filter-group input:focus,.finance-ic-dashboard .filter-group select:focus{border-color:#893c3b;box-shadow:0 0 0 2px #893c3b1a;outline:none}.dashboard-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.section-header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:10px}.section-header-text{flex:1 1}.section-header-actions{align-items:center;display:flex;gap:10px}.section-header h2{color:#333;font-size:20px;font-weight:600;margin:0 0 5px}.section-header p{color:#666;font-size:14px;margin:0}.btn-download{align-items:center;background:linear-gradient(135deg,#893c3b,#a04544);border:none;border-radius:6px;box-shadow:0 2px 4px #893c3b33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-download:hover:not(:disabled){background:linear-gradient(135deg,#7a3534,#893c3b);box-shadow:0 4px 8px #893c3b4d;transform:translateY(-2px)}.btn-download:disabled{cursor:not-allowed;opacity:.6;transform:none}.download-icon{font-size:18px}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.download-progress-bar{background-color:#e0e0e0;border-radius:2px;height:4px;margin-top:10px;overflow:hidden;width:100%}.download-progress-fill{background:linear-gradient(90deg,#893c3b,#a04544);border-radius:2px;height:100%;transition:width .3s ease}.finance-ic-dashboard .invoice-table-container{overflow-x:auto}.finance-ic-dashboard .invoice-table{border-collapse:collapse;font-size:14px;width:100%}.finance-ic-dashboard .invoice-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.finance-ic-dashboard .invoice-table td{border-bottom:1px solid #e0e0e0;padding:15px 12px;vertical-align:middle}.finance-ic-dashboard .invoice-table tr.editable-row:hover{background-color:#f8f9fa}.finance-ic-dashboard .invoice-table tr.readonly-row{opacity:.8}.finance-ic-dashboard .invoice-number{color:#893c3b;font-weight:600}.finance-ic-dashboard .tutee-info{display:flex;flex-direction:column;gap:2px}.finance-ic-dashboard .tutee-name{color:#333;font-weight:500}.finance-ic-dashboard .tutee-code{color:#666;font-family:monospace;font-size:12px}.finance-ic-dashboard .parent-name{color:#333;font-weight:500}.finance-ic-dashboard .parent-email{color:#666;font-size:13px;word-break:break-word}.parent-phone-container{align-items:center;display:flex;gap:6px}.parent-phone-link{color:#893c3b;font-weight:500;text-decoration:none;transition:color .3s ease}.parent-phone-link:hover{color:#7a3534;text-decoration:underline}.parent-phone-na{color:#999;font-style:italic}.btn-copy-phone{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;min-width:28px;padding:2px 6px;transition:all .3s ease}.btn-copy-phone:hover{background-color:#f0f0f0;border-color:#893c3b;transform:scale(1.1)}.btn-copy-phone:active{transform:scale(.95)}.invoice-period{font-weight:500}.invoice-amount{color:#2e7d32;font-family:monospace;font-weight:600}.finance-ic-dashboard .payment-status-badge,.finance-ic-dashboard .status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.finance-ic-dashboard .status-badge.status-pending{background-color:#fff3e0;color:#f57c00}.finance-ic-dashboard .status-badge.status-assigned{background-color:#e3f2fd;color:#1976d2}.finance-ic-dashboard .status-badge.status-paid{background-color:#e8f5e8;color:#2e7d32}.finance-ic-dashboard .status-badge.status-disputed{background-color:#ffebee;color:#d32f2f}.finance-ic-dashboard .status-badge.status-resolved{background-color:#f3e5f5;color:#7b1fa2}.finance-ic-dashboard .payment-status-badge.payment-unpaid{background-color:#ffebee;color:#d32f2f}.finance-ic-dashboard .payment-status-badge.payment-paid{background-color:#e8f5e8;color:#2e7d32}.finance-ic-dashboard .payment-status-badge.payment-partial{background-color:#fff3e0;color:#f57c00}.due-date{font-weight:500}.due-date.overdue{color:#d32f2f;font-weight:600}.finance-ic-dashboard .action-buttons{display:flex;gap:8px}.finance-ic-dashboard .btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;text-align:center;text-decoration:none;transition:all .3s ease}.finance-ic-dashboard .btn-primary{background-color:#893c3b;color:#fff}.finance-ic-dashboard .btn-primary:hover{background-color:#7a3534;transform:translateY(-1px)}.finance-ic-dashboard .btn-secondary{background-color:#6c757d;color:#fff}.finance-ic-dashboard .btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}.finance-ic-dashboard .btn-sm{font-size:11px;padding:4px 8px}.no-invoices{color:#666;padding:60px 20px;text-align:center}.no-invoices p{font-size:16px;margin:0}.dashboard-summary{margin-top:30px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .3s ease}.summary-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.summary-card h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.summary-value{color:#893c3b;display:block;font-size:24px;font-weight:700}.access-denied{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.access-denied h2{color:#d32f2f;margin-bottom:15px}.access-denied p{color:#666;margin-bottom:10px}@media (max-width:768px){.finance-ic-dashboard{padding:10px}.dashboard-header{gap:15px;text-align:center}.dashboard-filters,.dashboard-header,.dashboard-tabs{flex-direction:column}.dashboard-filters{gap:10px}.finance-ic-dashboard .filter-group{min-width:auto}.section-header-content{align-items:stretch;flex-direction:column}.section-header-actions{width:100%}.btn-download{justify-content:center;width:100%}.finance-ic-dashboard .invoice-table-container{font-size:12px;overflow-x:auto}.finance-ic-dashboard .invoice-table td,.finance-ic-dashboard .invoice-table th{padding:10px 8px;white-space:nowrap}.parent-email{font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.parent-phone-container{align-items:flex-start;flex-direction:column;gap:4px}.summary-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:4px}}@media (max-width:480px){.dashboard-header h1{font-size:24px}.tab-button{padding:15px}.tab-icon{font-size:20px}.btn-download{font-size:12px;padding:8px 16px}.download-icon{font-size:16px}.finance-ic-dashboard .invoice-table{font-size:11px}.finance-ic-dashboard .invoice-table td,.finance-ic-dashboard .invoice-table th{padding:8px 6px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.dashboard-content{padding:1rem}
/*# sourceMappingURL=main.40ff0b94.css.map*/