*{box-sizing:border-box;margin:0;padding:0}:root{--vroong-dark:#1a1a1a;--vroong-gray:#666;--vroong-light-gray:#f8f9fa;--vroong-border:#e5e7eb;--vroong-gradient:linear-gradient(135deg,var(--vroong-green) 0%,var(--vroong-blue) 100%);--vroong-gradient-subtle:linear-gradient(135deg,#05cd821a,#0091ff1a);--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.login-page{background:linear-gradient(135deg,#05cd82,#0091ff);background:var(--vroong-gradient);color:#1a1a1a;color:var(--vroong-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow:hidden}.login-container{display:flex;min-height:100vh}.brand-section{align-items:center;background:linear-gradient(135deg,#05cd82,#0091ff);background:var(--vroong-gradient);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:3rem;position:relative}.brand-content{max-width:500px;position:relative;text-align:center;z-index:2}.logo-container{animation:fadeInUp .8s ease-out;margin-bottom:2rem}.brand-title{animation:fadeInUp .8s ease-out .2s both;color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.brand-description{animation:fadeInUp .8s ease-out .4s both;color:#ffffffe6;font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.features{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.feature-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.feature-item:hover{background:#ffffff26;transform:translateY(-2px)}.feature-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-icon svg{stroke:currentColor;stroke-width:2;fill:none}.feature-text h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-text p{color:#fffc;font-size:.9rem;line-height:1.5}.brand-graphics{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.brand-graphics:before{animation:slidePattern 20s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff08 0,#ffffff08 32%,#0000 0),linear-gradient(-45deg,#0000 30%,#ffffff08 0,#ffffff08 32%,#0000 0);background-size:60px 60px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.brand-graphics:after{animation:pulsePattern 8s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff14 1px,#0000 0);background-size:80px 80px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.geometric-shape{background:#ffffff0d;border:1px solid #ffffff1a;position:absolute}.geometric-shape.triangle-1{animation:rotateGeometry 15s linear infinite;background:#0000;border-bottom:70px solid #ffffff0f;border-left:40px solid #0000;border-right:40px solid #0000;height:0;right:15%;top:15%;transform:rotate(15deg);width:0}.geometric-shape.triangle-2{animation:rotateGeometry 20s linear infinite reverse;background:#0000;border-bottom:45px solid #ffffff0a;border-left:25px solid #0000;border-right:25px solid #0000;bottom:25%;height:0;left:10%;transform:rotate(-30deg);width:0}.geometric-shape.hexagon{animation:floatGeometry 12s ease-in-out infinite;background:#ffffff0d;height:34px;position:relative;right:5%;top:40%;width:60px}.geometric-shape.hexagon:after,.geometric-shape.hexagon:before{border-left:30px solid #0000;border-right:30px solid #0000;content:"";position:absolute;width:0}.geometric-shape.hexagon:before{border-bottom:17px solid #ffffff0d;bottom:100%}.geometric-shape.hexagon:after{border-top:17px solid #ffffff0d;top:100%}.line-pattern{animation:extendLine 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;left:5%;position:absolute;top:20%;transform:rotate(-15deg);width:200px}.line-pattern:after{animation:extendLine 8s ease-in-out infinite reverse;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:1px;left:50px;position:absolute;top:40px;width:100px}.gradient-overlay{animation:gradientShift 10s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#0091ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#05cd821a 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.login-section{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem;position:relative}.login-form-container{animation:fadeInRight .8s ease-out;margin:0 auto;max-width:400px;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h2{color:#1a1a1a;color:var(--vroong-dark);font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#666;color:var(--vroong-gray);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{color:#1a1a1a;color:var(--vroong-dark);font-size:.9rem}.input-wrapper{position:relative}.input-icon{align-items:center;color:#666;color:var(--vroong-gray);display:flex;height:20px;justify-content:center;left:12px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-icon svg{display:block;vertical-align:middle}.login-form .form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--vroong-border);border-radius:8px;font-size:1rem;padding:12px 16px 12px 44px!important;transition:all .3s ease;width:100%}.login-form .form-input:focus{border-color:#05cd82;border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.form-input::placeholder,.login-form .form-input::placeholder{color:#9ca3af;font-size:.9rem;font-weight:500!important}.password-toggle{background:none;border:none;border-radius:4px;color:#666;color:var(--vroong-gray);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#05cd82;color:var(--vroong-green)}.form-options{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox]{display:none}.checkmark{border:2px solid #e5e7eb;border:2px solid var(--vroong-border);border-radius:4px;height:18px;margin-right:8px;position:relative;transition:all .3s ease;width:18px}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:#05cd82;background:var(--vroong-green);border-color:#05cd82;border-color:var(--vroong-green)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.checkbox-text{color:#666;color:var(--vroong-gray);font-size:.9rem}.user-type-selector{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--vroong-border);border-radius:8px;flex:1 1;padding:12px 16px;transition:all .3s ease}.radio-option:hover{border-color:#05cd82}.radio-checkmark{border:2px solid #e5e7eb;border:2px solid var(--vroong-border);margin-right:10px;transition:all .3s ease}.radio-option input[type=radio]:checked~.radio-checkmark{background:#fff;border-color:#05cd82}.radio-option input[type=radio]:checked~.radio-checkmark:after{background:#05cd82}.radio-option input[type=radio]:checked~.radio-label{color:#05cd82}.radio-label{color:#666;color:var(--vroong-gray);font-size:.95rem;transition:all .3s ease}.radio-option:hover .radio-label{color:#05cd82}.forgot-password{color:#05cd82;color:var(--vroong-green);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#0091ff;color:var(--vroong-blue);text-decoration:underline}.login-button{align-items:center;background:linear-gradient(135deg,#05cd82,#0091ff);background:var(--vroong-gradient);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:1rem;padding:14px 24px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-arrow{transition:transform .3s ease}.login-button:hover:not(:disabled) .login-arrow{transform:translateX(4px)}.additional-options{margin-top:2rem}.additional-options .divider{background-color:initial;height:auto;margin:2rem 0;position:relative;text-align:center;width:auto}.additional-options .divider:before{background:#e5e7eb;background:var(--vroong-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.additional-options .divider span{background:#fff;color:#666;color:var(--vroong-gray);font-size:.9rem;padding:0 1rem;position:relative;z-index:1}.help-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.help-link{align-items:center;background:none;border:none;color:#666;color:var(--vroong-gray);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:6px;padding:0;text-decoration:none;transition:color .3s ease}.help-link:hover{color:#05cd82;color:var(--vroong-green)}.version-info{bottom:2rem;color:#666;color:var(--vroong-gray);font-size:.8rem;left:50%;opacity:.8;position:absolute;text-align:center;transform:translateX(-50%)}.version-info p:first-child{font-weight:500;margin-bottom:.25rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.password-hint{color:#666;color:var(--vroong-gray);font-size:.8rem;margin-top:.25rem;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slidePattern{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes pulsePattern{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes rotateGeometry{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes floatGeometry{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes extendLine{0%,to{opacity:.3;width:50px}50%{opacity:.8;width:200px}}@keyframes gradientShift{0%{background:radial-gradient(circle at 20% 80%,#0091ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#05cd821a 0,#0000 50%)}to{background:radial-gradient(circle at 80% 20%,#0091ff1a 0,#0000 50%),radial-gradient(circle at 20% 80%,#05cd821a 0,#0000 50%)}}.login-button.loading{pointer-events:none;position:relative}.login-button.loading .login-arrow,.login-button.loading span{opacity:0}.login-button.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;position:absolute;width:20px}@media (max-width:968px){.login-container{flex-direction:column}.brand-section{flex:none;min-height:40vh;padding:2rem}.brand-title{font-size:2rem}.features{display:none}.login-section{flex:none;justify-content:flex-start;min-height:60vh;padding:3rem 2rem 2rem}}@media (max-width:640px){.brand-section{min-height:30vh;padding:1.5rem}.brand-title{font-size:1.5rem}.brand-description{font-size:1rem;margin-bottom:2rem}.login-section{padding:1.5rem}.login-form-container{max-width:100%}.help-links{flex-direction:column;gap:1rem;text-align:center}}.sidebar-logo{display:block;max-width:100%;width:180px}.sidebar-logo svg{display:block}.nav-link{cursor:pointer}.nav-arrow{font-size:var(--font-size-xs);opacity:.5}.nav-arrow.open{transform:rotate(90deg)}.nav-submenu{background-color:var(--color-gray-50);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-submenu.open{max-height:1000px}.nav-sublink{cursor:pointer}.nav-sublink.has-children{align-items:center;display:flex;justify-content:space-between}.nav-sublink.has-children .submenu-arrow{font-size:10px;opacity:.6;transition:transform .2s ease}.nav-sublink.has-children .submenu-arrow.open{transform:rotate(180deg)}.nav-sublink.has-children.expanded{background-color:var(--color-gray-100);color:var(--vroong-green)}.nav-submenu-children{background-color:var(--color-gray-100);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-submenu-children.open{max-height:500px}.nav-sublink.nav-sublink-child{color:var(--color-gray-500);font-size:var(--font-size-sm);padding-left:calc(var(--spacing-6) + var(--spacing-12))}.nav-sublink.nav-sublink-child:hover{background-color:var(--color-gray-200);color:var(--vroong-green)}.nav-sublink.nav-sublink-child.active{background-color:var(--color-white);color:var(--vroong-green);font-weight:500}.nav-link.disabled,.nav-sublink.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-link.disabled:hover,.nav-sublink.disabled:hover{background-color:initial;color:var(--color-gray-700)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--color-gray-100)}.sidebar::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translateX(0)}}.mobile-menu-btn{background:none;border:none;color:var(--color-gray-700);cursor:pointer;display:none;font-size:var(--font-size-lg);padding:var(--spacing-2)}.mobile-menu-btn:hover{color:var(--vroong-green)}.user-section{align-items:center;border:none;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);height:60px;padding:var(--spacing-2) var(--spacing-3)}.divider{background-color:var(--color-gray-300);height:24px;width:1px}.user-info{transition:opacity .2s ease}.user-info:hover{opacity:.8}.user-details{display:flex;flex-direction:column}.user-name{color:var(--color-gray-900);font-size:.95rem;font-weight:600}.user-email{color:var(--color-gray-600);font-size:var(--font-size-sm)}.user-menu-arrow{color:var(--color-gray-400);font-size:var(--font-size-xs);margin-left:var(--spacing-1);transition:transform .2s ease}.user-menu-arrow.open{transform:rotate(180deg)}.user-dropdown{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:1000}.user-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-3);transition:all .2s ease}.user-dropdown-item:hover{color:var(--vroong-green)}.user-dropdown-item i{font-size:.95rem;opacity:.7;width:18px}.balance-display{align-items:center;color:var(--vroong-green);display:flex;font-weight:600;gap:var(--spacing-2)}.balance-display i{color:var(--vroong-green);font-size:1rem}.balance-display span{font-size:.95rem}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:89}@media (max-width:768px){.header{left:0;padding:0 var(--spacing-4)}.mobile-menu-btn{display:block}.user-email{display:none}}.loading-container{padding:40px 20px;width:100%}.loading-fullscreen{background-color:#fffffff2;bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:24px}.loading-spinner{height:80px;position:relative;width:80px}.spinner-ring{animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#ff6b00}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:orange}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:gold}.loading-message{color:#333;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0}@media (prefers-color-scheme:dark){.loading-fullscreen{background-color:#000000f2}.loading-message{color:#fff}}@media (max-width:768px){.loading-container{min-height:300px;padding:30px 15px}.loading-spinner{height:60px;width:60px}.spinner-ring{border-width:3px}.loading-message{font-size:14px}}.week-selector{align-items:center;display:flex;gap:.75rem}.week-selector .form-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:0;white-space:nowrap}.week-selector .week-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;min-width:240px;padding:.5rem .75rem}.week-selector .week-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.searchable-select{position:relative;width:100%}.searchable-select-input-container{align-items:center;background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:6px;border-radius:var(--border-radius-md,6px);box-sizing:border-box;cursor:text;display:flex;transition:all .2s ease}.searchable-select-input-container:focus-within,.searchable-select.open .searchable-select-input-container{border-color:#0000;box-shadow:none}.searchable-select.disabled .searchable-select-input-container{background-color:#f3f4f6;background-color:var(--color-gray-100,#f3f4f6);cursor:not-allowed}.searchable-select-input{background:#0000;border:none;flex:1 1;font-size:.875rem;height:auto;line-height:1.25;min-width:0;outline:none;padding:.75rem;padding:var(--spacing-3,.75rem)}.searchable-select-input::placeholder{color:#9ca3af;color:var(--color-gray-400,#9ca3af)}.searchable-select-input:disabled{color:#6b7280;color:var(--color-gray-500,#6b7280);cursor:not-allowed}.searchable-select-actions{align-items:center;display:flex;flex-shrink:0;gap:2px;padding-right:6px}.searchable-select-clear,.searchable-select-dropdown-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--color-gray-500,#6b7280);cursor:pointer;display:flex;font-size:.875rem;height:22px;justify-content:center;transition:color .2s ease;width:22px}.searchable-select-clear:hover,.searchable-select-dropdown-btn:hover{color:#05cd82;color:var(--vroong-green,#05cd82)}.searchable-select-dropdown-btn:disabled{cursor:not-allowed;opacity:.5}.searchable-select-options{background-color:#fff;background-color:var(--color-white,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:6px;border-radius:var(--border-radius-md,6px);box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:4px 0;z-index:99999}.searchable-select-portal{position:fixed}.searchable-select-option{cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:background-color .15s ease}.searchable-select-option.highlighted,.searchable-select-option:hover{background-color:#f9fafb;background-color:var(--color-gray-50,#f9fafb)}.searchable-select-option.selected{background-color:#0596691a;color:#059669;color:var(--vroong-green,#059669);font-weight:500}.searchable-select-option.selected.highlighted{background-color:#05966926}.searchable-select-no-results{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.875rem;padding:.75rem;text-align:center}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-gray-100,#f3f4f6);border-radius:3px}.searchable-select-options::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-gray-300,#d1d5db);border-radius:3px}.searchable-select-options::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-gray-400,#9ca3af)}.search-card{margin-bottom:1.5rem}.search-card .card-body{padding:var(--spacing-5)}.search-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;overflow:visible}.search-form .form-group{display:flex;flex-direction:column;margin-bottom:0;overflow:visible;position:relative;z-index:10}.search-form .form-field{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;max-width:350px;padding:.875rem 1rem;transition:all .2s ease}.search-form .form-field:hover{background-color:#05cd8208;border-color:#05cd824d}.search-form .form-field:focus-within{background-color:var(--color-white);border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd8214}.search-form .form-label{align-items:center;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-500);display:flex;font-size:.85rem;font-weight:600;gap:.325rem;letter-spacing:.08em;padding-bottom:.625rem;text-transform:uppercase}.search-form .form-label i{color:var(--vroong-green);flex-shrink:0;font-size:.85rem;margin-right:.125rem;text-align:center;width:1.125rem}.search-form .form-field .searchable-select{margin-top:0;min-width:0;min-width:auto;width:100%}.search-form .form-field .searchable-select-input-container{background:#0000;border:none;height:32px;min-height:32px;padding:0}.search-form .form-field .searchable-select-input{background:#0000;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0}.search-form .form-field .searchable-select-input::placeholder{color:var(--color-gray-400);font-weight:400}.search-form .form-field .date-range-picker{align-items:center;display:flex;gap:.5rem}.search-form .form-field .date-range-picker .date-range-field{flex:1 1;min-width:130px}.search-form .form-field .date-range-picker .date-range-label{display:none}.search-form .form-field .date-range-picker .date-input-wrapper{align-items:center;display:flex}.search-form .form-field .date-range-picker .date-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;min-height:32px;padding:.5rem 2rem .5rem 0}.search-form .form-field .date-range-picker .date-input:focus{box-shadow:none}.search-form .form-field .date-range-picker .calendar-icon{color:var(--color-gray-400)}.search-form .form-field .date-range-picker .date-range-separator{align-items:center;color:var(--color-gray-400);display:flex;flex-shrink:0;font-size:1rem;font-weight:500;height:32px;justify-content:center;padding:0}.search-form .form-field .week-selector{margin-top:0;width:100%}.search-form .form-field .week-selector .week-select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;background-size:20px;border:none;color:var(--color-gray-900);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;min-width:0;min-width:auto;padding:0 1.5rem 0 0;width:100%}.search-form .form-field .week-selector .week-select:focus{box-shadow:none;outline:none}.search-form .form-field .week-selector .week-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2305cd82'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E")}.search-form .form-group.button-group{align-items:flex-end;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-end}.search-form .btn{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:110px;padding:0 1.5rem;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.search-form .btn i{font-size:.875rem;transition:transform .2s ease}.search-form .btn:hover i{transform:scale(1.1)}.search-form .btn-primary{background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);box-shadow:0 4px 14px #05cd8259;color:var(--color-white)}.search-form .btn-primary:hover{box-shadow:0 6px 20px #05cd8273;transform:translateY(-2px)}.search-form .btn-primary:active{box-shadow:0 2px 8px #05cd824d;transform:translateY(0)}.search-form .btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:none;box-shadow:0 2px 8px #0000000f;color:var(--color-gray-600)}.search-form .btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #0000001a;color:var(--color-gray-700);transform:translateY(-2px)}.search-form .btn-secondary:active{box-shadow:0 1px 4px #0000000f;transform:translateY(0)}.search-form .btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 14px #10b98159;color:var(--color-white)}.search-form .btn-success:hover{box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.search-form .btn-success:active{box-shadow:0 2px 8px #10b9814d;transform:translateY(0)}.search-form .btn-secondary.active{background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);border:none;box-shadow:0 4px 14px #05cd8259;color:#fff}.search-form .btn-secondary.active:hover{box-shadow:0 6px 20px #05cd8273;transform:translateY(-2px)}.search-form .form-label-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.625rem}.search-form .form-label-row .form-label{border-bottom:none;margin-bottom:0;padding-bottom:0}.search-form .date-preset-buttons{display:flex;gap:4px}.search-form .date-preset-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.search-form .date-preset-btn:hover{background-color:#05cd820d;border-color:#05cd824d;color:var(--vroong-green)}.search-form .date-preset-btn.active{background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);border-color:var(--vroong-green);color:var(--color-white)}.quick-filter-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.quick-filter-label{color:var(--color-gray-500);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.quick-filter-buttons{display:flex;gap:.5rem}.quick-filter-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.quick-filter-btn:hover{background-color:#05cd820d;border-color:#05cd824d;color:var(--vroong-green)}.quick-filter-btn.active{background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);border-color:var(--vroong-green);color:var(--color-white)}.search-form .date-range-inputs{align-items:center;display:flex;gap:.5rem}.search-form .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form .text-input:focus{box-shadow:none;outline:none}.search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}.search-form .status-select-wrapper{width:100%}.search-form .status-select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;background-size:20px;border:none;color:var(--color-gray-900);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;min-width:0;min-width:auto;padding:0 1.5rem 0 0;width:100%}.search-form .status-select:focus{box-shadow:none;outline:none}.search-form .status-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2305cd82'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E")}.supplier-search-form{grid-template-columns:auto auto auto 1fr}.supplier-search-form .form-group.button-group{justify-self:end}.supplier-search-form .form-field{min-width:250px}.search-form.fee-search-form{grid-template-columns:auto 1fr}.search-form.fee-search-form .form-group.button-group{justify-self:end}.search-form.fee-search-form .form-field{min-width:250px}.search-form.rider-fee-search-form{grid-template-columns:auto auto 1fr}.search-form.rider-fee-search-form .form-group.button-group{justify-self:end}.search-form.rider-fee-search-form .form-field{min-width:250px}.search-form.settlement-search-form{grid-template-columns:auto auto auto 1fr}.search-form.settlement-search-form .form-group.button-group{justify-self:end}.search-form.settlement-search-form .form-field{min-width:250px}.search-form.settlement-search-form .form-group.date-range-group .form-field{min-width:450px}.search-form.settlement-search-form.supplier-view{grid-template-columns:auto 1fr}.search-form.user-management-search-form{grid-template-columns:auto auto auto auto auto 1fr}.search-form.user-management-search-form .form-group.button-group{justify-self:end}.search-form.user-management-search-form .form-field{min-width:230px}.search-form.user-management-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.user-management-search-form .text-input:focus{box-shadow:none;outline:none}.search-form.user-management-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1400px){.search-form.user-management-search-form{grid-template-columns:1fr 1fr 1fr}.search-form.user-management-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.user-management-search-form{grid-template-columns:1fr}.search-form.user-management-search-form .form-group.button-group{justify-self:stretch}.search-form.user-management-search-form .form-group.button-group .btn{flex:1 1}}.search-form.user-withdraw-search-form{grid-template-columns:auto auto auto auto 1fr}.search-form.user-withdraw-search-form .form-group.button-group{justify-self:end}.search-form.user-withdraw-search-form .form-field{min-width:230px}.search-form.user-withdraw-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.user-withdraw-search-form .text-input:focus{box-shadow:none;outline:none}.search-form.user-withdraw-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1400px){.search-form.user-withdraw-search-form{grid-template-columns:1fr 1fr}.search-form.user-withdraw-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.user-withdraw-search-form{grid-template-columns:1fr}.search-form.user-withdraw-search-form .form-group.button-group{justify-self:stretch}.search-form.user-withdraw-search-form .form-group.button-group .btn{flex:1 1}}.search-form.partner-accounting-search-form{grid-template-columns:auto auto auto auto 1fr}.search-form.partner-accounting-search-form .form-group.button-group{justify-self:end}.search-form.partner-accounting-search-form .form-field{min-width:250px}.search-form.partner-accounting-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.partner-accounting-search-form .text-input:focus{box-shadow:none;outline:none}.search-form.partner-accounting-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1400px){.search-form.partner-accounting-search-form{grid-template-columns:1fr 1fr}.search-form.partner-accounting-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.partner-accounting-search-form{grid-template-columns:1fr}.search-form.partner-accounting-search-form .form-group.button-group{justify-self:stretch}.search-form.partner-accounting-search-form .form-group.button-group .btn{flex:1 1}}.search-form.rider-accounting-search-form{grid-template-columns:auto auto auto auto 1fr}.search-form.rider-accounting-search-form .form-group.button-group{justify-self:end}.search-form.rider-accounting-search-form .form-field{min-width:180px}.search-form.rider-accounting-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.rider-accounting-search-form .text-input:focus{box-shadow:none;outline:none}.search-form.rider-accounting-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1400px){.search-form.rider-accounting-search-form{grid-template-columns:1fr 1fr}.search-form.rider-accounting-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.rider-accounting-search-form{grid-template-columns:1fr}.search-form.rider-accounting-search-form .form-group.button-group{justify-self:stretch}.search-form.rider-accounting-search-form .form-group.button-group .btn{flex:1 1}}.search-form.rider-accounting-search-form-hq{grid-template-columns:auto auto auto auto auto 1fr}.search-form.rider-accounting-search-form-hq .form-group.button-group{justify-self:end}.search-form.rider-accounting-search-form-hq .form-field{min-width:250px}.search-form.rider-accounting-search-form-hq .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.rider-accounting-search-form-hq .text-input:focus{box-shadow:none;outline:none}.search-form.rider-accounting-search-form-hq .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1400px){.search-form.rider-accounting-search-form-hq{grid-template-columns:1fr 1fr 1fr}.search-form.rider-accounting-search-form-hq .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.rider-accounting-search-form-hq{grid-template-columns:1fr}.search-form.rider-accounting-search-form-hq .form-group.button-group{justify-self:stretch}.search-form.rider-accounting-search-form-hq .form-group.button-group .btn{flex:1 1}}.search-form.transfer-search-form{grid-template-columns:auto auto 1fr}.search-form.transfer-search-form .form-group.button-group{justify-self:end}.search-form.transfer-search-form .form-field{min-width:250px}.search-form.transfer-search-form .form-group.date-range-group .form-field{min-width:350px}@media (max-width:1200px){.search-form.transfer-search-form{grid-template-columns:1fr 1fr}.search-form.transfer-search-form .form-group.button-group,.search-form.transfer-search-form .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.search-form.transfer-search-form{grid-template-columns:1fr}.search-form.transfer-search-form .form-group.button-group{justify-self:stretch}.search-form.transfer-search-form .form-group.button-group .btn{flex:1 1}}.search-form.authority-search-form{grid-template-columns:auto auto 1fr}.search-form.authority-search-form .form-group.button-group{justify-self:end}.search-form.authority-search-form .form-field{min-width:200px}.search-form.authority-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.authority-search-form .text-input:focus{box-shadow:none;outline:none}.search-form.authority-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1200px){.search-form.authority-search-form{grid-template-columns:1fr 1fr}.search-form.authority-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.authority-search-form{grid-template-columns:1fr}.search-form.authority-search-form .form-group.button-group{justify-self:stretch}.search-form.authority-search-form .form-group.button-group .btn{flex:1 1}}.search-form.re-settlement-search-form{grid-template-columns:auto auto auto auto 1fr}.search-form.re-settlement-search-form .form-group.button-group{justify-self:end}.search-form.re-settlement-search-form .form-field{min-width:250px}@media (max-width:1400px){.search-form.re-settlement-search-form{grid-template-columns:1fr 1fr}.search-form.re-settlement-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.re-settlement-search-form{grid-template-columns:1fr}.search-form.re-settlement-search-form .form-group.button-group{justify-self:stretch}.search-form.re-settlement-search-form .form-group.button-group .btn{flex:1 1}}.search-form.partner-to-head-search-form{grid-template-columns:auto 1fr}.search-form.partner-to-head-search-form .form-group.button-group{justify-self:end}.search-form.partner-to-head-search-form .form-field{min-width:250px}.search-form.rider-to-head-search-form{grid-template-columns:auto 1fr}.search-form.rider-to-head-search-form .form-group.button-group{justify-self:end}.search-form.rider-to-head-search-form .form-field{min-width:250px}.search-form.rider-to-supplier-search-form{grid-template-columns:auto 1fr}.search-form.rider-to-supplier-search-form .form-group.button-group{justify-self:end}.search-form.rider-to-supplier-search-form .form-field{min-width:250px}@media (max-width:1200px){.supplier-search-form{grid-template-columns:1fr 1fr}.supplier-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form{gap:1rem;grid-template-columns:1fr!important}.search-form .form-group.button-group{grid-column:1;justify-content:stretch}.search-form .form-group.button-group .btn{flex:1 1}.search-form .form-field .date-range-picker{align-items:stretch;flex-direction:column;gap:.5rem}.search-form .form-field .date-range-picker .date-range-separator{display:none}.search-form .form-field .date-range-picker .date-range-field{min-width:0;min-width:auto}.quick-filter-buttons,.quick-filter-row{flex-wrap:wrap}.pagination-container{flex-wrap:wrap;gap:var(--spacing-1)}.pagination-btn{font-size:.75rem;height:32px;min-width:32px}.pagination-info{margin-left:0;margin-top:var(--spacing-2);text-align:center;width:100%}}.supplier-selection-page{background-color:var(--color-gray-50);min-height:100vh;padding:var(--spacing-6)}.page-title-wrapper{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.page-title{font-size:1.5rem}.page-loading{align-items:center;color:var(--color-gray-600);display:flex;justify-content:center;min-height:400px}.fee-category-tabs{border-bottom:2px solid var(--color-gray-200);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.filter-section{background:linear-gradient(180deg,#fff,#fafafa);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.filter-row{flex-wrap:wrap}.filter-group,.filter-row{align-items:center;display:flex}.filter-group{gap:var(--spacing-2)}.filter-label{color:var(--color-gray-700);font-size:.875rem;font-weight:500;white-space:nowrap}.filter-label:after{content:":";margin-left:2px}.filter-input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:var(--spacing-3);transition:all .2s ease;width:200px}.filter-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.filter-input::placeholder{color:var(--color-gray-400)}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:.875rem;padding:var(--spacing-3);padding-right:2.5rem;transition:all .2s ease;width:180px}.filter-select:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.search-btn{align-items:center;background-color:var(--vroong-green);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-2);margin-left:auto;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease}.search-btn:hover{background-color:var(--vroong-green-dark);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.search-btn i{font-size:.875rem}.table-container{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.supplier-selection-table{border-collapse:collapse;width:100%}.supplier-selection-table thead{background-color:var(--color-gray-50)}.supplier-selection-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-size:.875rem;font-weight:600;overflow:hidden;padding:var(--spacing-4);text-align:center;white-space:nowrap}.supplier-selection-table.sortable-table .sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.supplier-selection-table.sortable-table .sortable-header.sorted,.supplier-selection-table.sortable-table .sortable-header:hover{background-color:var(--color-gray-100)}.supplier-selection-table.sortable-table .sort-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);margin-left:var(--spacing-2);vertical-align:middle}.supplier-selection-table.sortable-table .sort-icon i{color:var(--color-gray-500)}.supplier-selection-table.sortable-table .sorted .sort-icon i{color:var(--vroong-green)}.supplier-selection-page .result-count{align-items:center;background:linear-gradient(180deg,#f0fdf4,#dcfce7);border:1px solid #d8ffe5;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #05966914;color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;margin-bottom:var(--spacing-4);padding:12px 16px}.supplier-selection-page .result-count i{color:var(--color-gray-700)}.supplier-selection-page .result-count strong{color:var(--vroong-green);font-weight:600}.fee-search-form{grid-template-columns:minmax(280px,1.2fr) minmax(200px,1fr) auto}.fee-search-form .date-range-inputs{align-items:center;display:flex;gap:.5rem;height:32px}.fee-search-form .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.fee-search-form .date-range-inputs .date-input-wrapper{align-items:center;display:flex;flex:1 1;height:32px;min-width:0;position:relative}.fee-search-form .date-range-inputs .date-input-wrapper .form-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0 1.5rem 0 0;width:100%}.fee-search-form .date-range-inputs .date-input-wrapper .form-input:focus{box-shadow:none;outline:none}.fee-search-form .date-range-inputs .date-input-wrapper .form-input::placeholder{color:var(--color-gray-400);font-weight:400}.fee-search-form .date-range-inputs .date-input-wrapper input[type=date]{height:0;opacity:0;position:absolute;width:0}.fee-search-form .date-range-inputs .date-input-wrapper .calendar-icon{color:var(--color-gray-400);font-size:.875rem;position:absolute;right:0;transition:color .2s ease}.fee-search-form .date-range-inputs .date-input-wrapper .calendar-icon:hover{color:var(--vroong-green)}@media (max-width:1200px){.fee-search-form{grid-template-columns:1fr 1fr}.fee-search-form .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.fee-search-form{grid-template-columns:1fr}}.supplier-fee-search-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto}@media (max-width:1200px){.supplier-fee-search-form{grid-template-columns:1fr 1fr}.supplier-fee-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.supplier-fee-search-form{grid-template-columns:1fr}}.rider-accounting-search-form{grid-template-columns:1fr 1fr 1fr 1fr auto}@media (max-width:1200px){.rider-accounting-search-form{grid-template-columns:1fr 1fr}.rider-accounting-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.rider-accounting-search-form{grid-template-columns:1fr}}.rider-accounting-search-form-hq{grid-template-columns:1fr 1fr 1fr 1fr 1fr auto}@media (max-width:1400px){.rider-accounting-search-form-hq{grid-template-columns:1fr 1fr 1fr}.rider-accounting-search-form-hq .form-group.button-group{grid-column:1/-1}}@media (max-width:1200px){.rider-accounting-search-form-hq{grid-template-columns:1fr 1fr}}@media (max-width:768px){.rider-accounting-search-form-hq{grid-template-columns:1fr}}.partner-accounting-search-form{grid-template-columns:1fr 1fr 1fr 1fr auto}@media (max-width:1200px){.partner-accounting-search-form{grid-template-columns:1fr 1fr}.partner-accounting-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.partner-accounting-search-form{grid-template-columns:1fr}}.rider-settlement-filter .rider-settlement-button-row{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.rider-settlement-search-form-hq{align-items:end;grid-template-columns:minmax(350px,2fr) 225px 225px auto}@media (max-width:1200px){.rider-settlement-search-form-hq{grid-template-columns:1fr 1fr}.rider-settlement-search-form-hq .button-group,.rider-settlement-search-form-hq .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.rider-settlement-search-form-hq{grid-template-columns:1fr}}.rider-settlement-search-form-supplier{align-items:end;grid-template-columns:minmax(400px,2fr) 200px auto}@media (max-width:1200px){.rider-settlement-search-form-supplier{grid-template-columns:1fr}.rider-settlement-search-form-supplier .button-group{grid-column:1/-1}}@media (max-width:768px){.rider-settlement-search-form-supplier{grid-template-columns:1fr}}.rider-settlement-search-form-rider{align-items:end;grid-template-columns:minmax(400px,1fr) auto}@media (max-width:768px){.rider-settlement-search-form-rider{grid-template-columns:1fr}}.rider-settlement-filter .form-label-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.625rem}.rider-settlement-filter .form-label-row .form-label{border-bottom:none;margin-bottom:0;padding-bottom:0}.partner-settlement-filter .form-group:not(.date-range-group) .form-label,.rider-settlement-filter .form-group:not(.date-range-group) .form-label{border-bottom:1px solid var(--color-gray-200);margin-bottom:.625rem;padding-bottom:.625rem}.rider-settlement-filter .date-preset-buttons{display:flex;gap:4px}.rider-settlement-filter .date-preset-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.rider-settlement-filter .date-preset-btn:hover{background-color:#05cd820d;border-color:var(--vroong-green);color:var(--vroong-green)}.rider-settlement-filter .date-preset-btn.active{background-color:var(--vroong-green);border-color:var(--vroong-green);color:var(--color-white)}.rider-settlement-filter .date-range-inputs{align-items:center;display:flex;gap:.5rem;height:32px}.rider-settlement-filter .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.rider-settlement-filter .date-range-inputs .date-input-wrapper{align-items:center;display:flex;flex:1 1;height:32px;min-width:0;position:relative}.rider-settlement-filter .date-range-inputs .date-input-wrapper .form-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0 1.5rem 0 0;width:100%}.rider-settlement-filter .date-range-inputs .date-input-wrapper .form-input:focus{box-shadow:none;outline:none}.rider-settlement-filter .date-range-inputs .date-input-wrapper .form-input::placeholder{color:var(--color-gray-400);font-weight:400}.rider-settlement-filter .date-range-inputs .date-input-wrapper input[type=date]{height:0;opacity:0;position:absolute;width:0}.rider-settlement-filter .date-range-inputs .date-input-wrapper .calendar-icon{color:var(--color-gray-400);font-size:.875rem;position:absolute;right:0;transition:color .2s ease}.rider-settlement-filter .date-range-inputs .date-input-wrapper .calendar-icon:hover{color:var(--vroong-green)}.rider-pre-settlement-filter .rider-pre-settlement-button-row{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.rider-pre-settlement-search-form-hq{grid-template-columns:auto auto auto 1fr}@media (max-width:1200px){.rider-pre-settlement-search-form-hq{grid-template-columns:1fr 1fr}.rider-pre-settlement-search-form-hq .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.rider-pre-settlement-search-form-hq{grid-template-columns:1fr}}.rider-pre-settlement-search-form-supplier{grid-template-columns:minmax(320px,1.5fr) 1fr 1fr}@media (max-width:1200px){.rider-pre-settlement-search-form-supplier{grid-template-columns:1fr 1fr}.rider-pre-settlement-search-form-supplier .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.rider-pre-settlement-search-form-supplier{grid-template-columns:1fr}}.rider-pre-settlement-filter .form-label-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.625rem}.rider-pre-settlement-filter .form-label-row .form-label{border-bottom:none;margin-bottom:0;padding-bottom:0}.rider-pre-settlement-filter .form-group:not(.date-range-group) .form-label{border-bottom:1px solid var(--color-gray-200);margin-bottom:.625rem;padding-bottom:.625rem}.rider-pre-settlement-filter .date-preset-buttons{display:flex;gap:4px}.rider-pre-settlement-filter .date-preset-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.rider-pre-settlement-filter .date-preset-btn:hover{background-color:#05cd820d;border-color:var(--vroong-green);color:var(--vroong-green)}.rider-pre-settlement-filter .date-preset-btn.active{background-color:var(--vroong-green);border-color:var(--vroong-green);color:var(--color-white)}.rider-pre-settlement-filter .date-range-inputs{align-items:center;display:flex;gap:.5rem;height:32px}.rider-pre-settlement-filter .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper{align-items:center;display:flex;flex:1 1;height:32px;min-width:0;position:relative}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper .form-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0 1.5rem 0 0;width:100%}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper .form-input:focus{box-shadow:none;outline:none}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper .form-input::placeholder{color:var(--color-gray-400);font-weight:400}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper input[type=date]{height:0;opacity:0;position:absolute;width:0}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper .calendar-icon{color:var(--color-gray-400);font-size:.875rem;position:absolute;right:0;transition:color .2s ease}.rider-pre-settlement-filter .date-range-inputs .date-input-wrapper .calendar-icon:hover{color:var(--vroong-green)}.user-management-search-form,.user-withdraw-search-form{grid-template-columns:1fr 1fr 1fr 1fr auto}.re-settlement-search-form{grid-template-columns:1fr 1fr auto}@media (max-width:768px){.re-settlement-search-form{grid-template-columns:1fr}.re-settlement-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:1400px){.user-withdraw-search-form{grid-template-columns:1fr 1fr 1fr}.user-withdraw-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:1200px){.user-withdraw-search-form{grid-template-columns:1fr 1fr}}@media (max-width:768px){.user-withdraw-search-form{grid-template-columns:1fr}}@media (max-width:1400px){.user-management-search-form{grid-template-columns:1fr 1fr 1fr}.user-management-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:1200px){.user-management-search-form{grid-template-columns:1fr 1fr}}@media (max-width:768px){.user-management-search-form{grid-template-columns:1fr}}.supplier-selection-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:.875rem;overflow:hidden;padding:var(--spacing-4);text-align:center;white-space:nowrap}.supplier-selection-table tbody tr{background-color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.supplier-selection-table tbody tr:hover{background-color:var(--color-gray-50)}.supplier-selection-table tbody tr:last-child td{border-bottom:none}.supplier-fee-table{border-collapse:collapse;width:100%}.supplier-fee-table thead{background-color:var(--color-gray-50)}.supplier-fee-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:600}.supplier-fee-table td,.supplier-fee-table th{font-size:.875rem;overflow:hidden;padding:var(--spacing-4);text-align:center;white-space:nowrap}.supplier-fee-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900)}.supplier-fee-table tbody tr{background-color:var(--color-white);transition:background-color .2s ease}.supplier-fee-table tbody tr:hover{background-color:var(--color-gray-50)}.supplier-fee-table tbody tr:last-child td{border-bottom:none}.supplier-fee-table tbody tr.add-row{background-color:#f0fdf9;cursor:default}.supplier-fee-table tbody tr.add-row:hover{background-color:#dcfce7}.text-center{text-align:center}.amount-input-group{align-items:center;display:flex;gap:var(--spacing-2)}.amount-unit{color:var(--color-gray-600);flex-shrink:0;font-size:.875rem;font-weight:500;white-space:nowrap}.date-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.date-input-wrapper input[type=text]{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;font-size:.875rem;padding:var(--spacing-3);padding-right:35px;transition:all .2s ease;width:100%}.date-input-wrapper input[type=text]:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.date-input-wrapper input[type=date]{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.calendar-icon,.date-input-wrapper input[type=date]:focus{pointer-events:auto}.calendar-icon{color:var(--color-gray-500);cursor:pointer;font-size:.875rem;position:absolute;right:10px;transition:color .2s ease}.calendar-icon:hover{color:var(--vroong-green)}.supplier-selection-table td:has(.date-input-wrapper){overflow:visible;white-space:normal}.supplier-selection-table .date-input-wrapper{min-width:140px}.supplier-selection-table .date-input-wrapper input[type=text]{font-size:.85rem;min-width:120px}.filter-section .date-input-wrapper{min-width:140px}.filter-section .date-input-wrapper input[type=text]{min-width:120px}.pagination-container{gap:var(--spacing-2);margin-top:var(--spacing-6);padding:var(--spacing-4)}.pagination-btn,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;font-size:.875rem;font-weight:500;height:36px;min-width:36px;padding:var(--spacing-2);transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--vroong-green);color:var(--vroong-green)}.pagination-btn.active{background-color:var(--vroong-green);border-color:var(--vroong-green);color:var(--color-white);font-weight:600}.pagination-btn:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.4}.pagination-info{color:var(--color-gray-600);font-size:.875rem;margin-left:var(--spacing-4);white-space:nowrap}@media (max-width:1200px){.filter-row{align-items:flex-start;flex-direction:column}.search-btn{justify-content:center;margin-left:0;width:100%}}@media (max-width:768px){.filter-section,.supplier-selection-page{padding:var(--spacing-4)}.filter-input,.filter-select{width:100%}.supplier-selection-table{font-size:.75rem}.supplier-selection-table td,.supplier-selection-table th{padding:var(--spacing-2)}.pagination-container{flex-wrap:wrap;gap:var(--spacing-1)}.pagination-btn{font-size:.75rem;height:32px;min-width:32px}.pagination-info{margin-left:0;margin-top:var(--spacing-2);text-align:center;width:100%}}.modal-overlay{background-color:#00000080;bottom:0;right:0}.modal-content{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-width:800px}.modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-6)}.modal-header h2{color:var(--color-gray-900);font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{border-radius:var(--border-radius-md);color:var(--color-gray-400);font-size:1.5rem;height:32px;transition:all .2s ease;width:32px}.modal-close-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-gray-200);gap:var(--spacing-3);padding:var(--spacing-6)}.modal-footer .btn{padding:var(--spacing-3) var(--spacing-6)}.multi-select-dropdown{position:relative;width:100%}.multi-select-trigger{align-items:center;background-color:#fff;background-color:var(--color-white,#fff);border:none;border-radius:6px;border-radius:var(--border-radius-md,6px);box-shadow:inset 0 0 0 1px var(--color-gray-300);box-sizing:border-box;cursor:text;display:flex;font-size:.875rem;justify-content:space-between;min-height:38px;padding:.75rem;padding:var(--spacing-3,.75rem);transition:all .2s ease;width:100%}.multi-select-trigger:hover:not(:disabled){background-color:#f9fafb;background-color:var(--color-gray-50,#f9fafb)}.multi-select-trigger:focus{outline:none}.multi-select-trigger:disabled{cursor:not-allowed;opacity:.6}.multi-select-display{color:#333;flex:1 1;text-align:left}.multi-select-dropdown.open .multi-select-trigger{background-color:#f9fafb;background-color:var(--color-gray-50,#f9fafb)}.multi-select-trigger i{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.875rem;transition:color .2s ease}.multi-select-trigger:hover:not(:disabled) i{color:#05cd82;color:var(--vroong-green,#05cd82)}.multi-select-dropdown-portal{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:300px;z-index:9999}.multi-select-options{max-height:240px;overflow-y:auto;padding:4px}.multi-select-footer{background-color:#f9f9f9;border-top:1px solid #e0e0e0;padding:8px 12px}.multi-select-option{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;margin-bottom:2px;padding:8px 12px;transition:all .2s ease}.multi-select-option:hover{background-color:#f5f5f5}.multi-select-option.selected{background-color:#e8f5f1;border-color:#04b374}.multi-select-checkbox{accent-color:#04b374;cursor:pointer;flex-shrink:0;height:16px;margin-right:10px;width:16px}.multi-select-option-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.multi-select-option-label{color:#333;font-size:.875rem;font-weight:500}.multi-select-option.selected .multi-select-option-label{color:#04b374}.multi-select-option-description{color:#666;font-size:.75rem}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:#999}.multi-select-all-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#04b374;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s ease;width:100%}.multi-select-all-btn:hover{background-color:#04b374;border-color:#04b374;color:#fff}.partner-settlement-filter .settlement-search-form{grid-template-columns:auto auto 1fr}.partner-settlement-filter .settlement-search-form.supplier-view{grid-template-columns:auto 1fr}.partner-settlement-filter .settlement-search-form .form-group.button-group{justify-self:end}.partner-settlement-table-container{overflow-x:auto;position:relative}.partner-settlement-table-container .sortable-table .sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.partner-settlement-table-container .sortable-table .sortable-header.sorted,.partner-settlement-table-container .sortable-table .sortable-header:hover{background-color:var(--color-gray-100)}.partner-settlement-table-container .sortable-table .sort-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);margin-left:var(--spacing-2);vertical-align:middle}.partner-settlement-table-container .sortable-table .sort-icon i{color:var(--color-gray-500)}.partner-settlement-table-container .sortable-table .sorted .sort-icon i{color:var(--vroong-green)}.partner-settlement-table-container .supplier-selection-table td.sticky-col,.partner-settlement-table-container .supplier-selection-table th[style*=sticky]{background-color:var(--color-white);position:-webkit-sticky;position:sticky;z-index:1}.partner-settlement-table-container .supplier-selection-table thead th[style*=sticky]{background-color:var(--color-gray-50);z-index:3}.partner-settlement-table-container .supplier-selection-table td:first-child{background-color:var(--color-white);left:0;position:-webkit-sticky;position:sticky;z-index:1}.partner-settlement-table-container .supplier-selection-table td:nth-child(2){background-color:var(--color-white);left:60px;position:-webkit-sticky;position:sticky;z-index:1}.partner-settlement-table-container .supplier-selection-table tbody tr:hover td:first-child,.partner-settlement-table-container .supplier-selection-table tbody tr:hover td:nth-child(2){background-color:var(--color-gray-50)}.partner-settlement-table-container .supplier-selection-table td:nth-child(2),.partner-settlement-table-container .supplier-selection-table th:nth-child(2){border-right:2px solid var(--color-gray-300)}.settlement-search-form .date-range-inputs{align-items:center;display:flex;gap:.5rem}.settlement-search-form .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.settlement-search-form .date-range-inputs .date-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.settlement-search-form .date-range-inputs .date-input-wrapper .form-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0 1.5rem 0 0;width:100%}.settlement-search-form .date-range-inputs .date-input-wrapper .form-input:focus{box-shadow:none;outline:none}.settlement-search-form .date-range-inputs .date-input-wrapper .form-input::placeholder{color:var(--color-gray-400);font-weight:400}.settlement-search-form .date-range-inputs .date-input-wrapper input[type=date]{height:0;opacity:0;position:absolute;width:0}.settlement-search-form .date-range-inputs .date-input-wrapper .calendar-icon{color:var(--color-gray-400);font-size:.875rem;position:absolute;right:0;transition:color .2s ease}.settlement-search-form .date-range-inputs .date-input-wrapper .calendar-icon:hover{color:var(--vroong-green)}.partner-settlement-table-container .sortable-table th .header-content{align-items:center;display:inline-flex;gap:.25rem}.partner-settlement-table-container .sortable-table th .tooltip-icon{color:var(--color-gray-400);cursor:help;font-size:.75rem;transition:color .2s ease}.partner-settlement-table-container .sortable-table th:hover .tooltip-icon{color:var(--vroong-primary)}.settlement-header-tooltip{animation:settlementTooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-size:.8rem;font-weight:400;line-height:1.5;max-width:300px;min-width:200px;padding:.875rem 1rem;pointer-events:none;text-align:left;white-space:normal}@keyframes settlementTooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.settlement-header-tooltip .tooltip-arrow{border:6px solid;border-color:#0000 #0000 #1e293b;bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}.settlement-header-tooltip .tooltip-title{border-bottom:1px solid #ffffff1a;color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding-bottom:.375rem;text-transform:uppercase}.settlement-header-tooltip .tooltip-content{color:#e2e8f0}.settlement-header-tooltip .tooltip-content p{margin:0;padding:.125rem 0}.settlement-header-tooltip .tooltip-content p:first-child{color:#4ade80;font-weight:600}@media (max-width:1200px){.settlement-search-form,.settlement-search-form.supplier-view{grid-template-columns:1fr 1fr}.settlement-search-form .form-group.button-group,.settlement-search-form .form-group.date-range-group{grid-column:1/-1}}.rider-settlement-table-container{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.rider-settlement-table-wrapper{display:flex;overflow:hidden}.fixed-columns{background-color:var(--color-white);border-right:2px solid var(--color-gray-300);box-shadow:2px 0 5px #0000001a;flex-shrink:0;z-index:10}.fixed-columns table{border-collapse:collapse}.fixed-columns td,.fixed-columns th{background-color:inherit}.scrollable-columns{flex:1 1;overflow-x:auto}.rider-settlement-table,.scrollable-columns table{border-collapse:collapse}.rider-settlement-table{width:100%}.rider-settlement-table thead{background-color:var(--color-gray-50)}.rider-settlement-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-size:.875rem;font-weight:600;overflow:hidden;padding:var(--spacing-4);position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.rider-settlement-table th.sortable{cursor:pointer;transition:background-color .2s ease}.rider-settlement-table th.sortable:hover{background-color:var(--color-gray-100)}.rider-settlement-table th .sort-icon{color:var(--color-gray-400);font-size:.75rem;margin-left:4px}.rider-settlement-table th.sorted .sort-icon{color:var(--vroong-green)}.rider-settlement-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:.875rem;overflow:hidden;padding:var(--spacing-4);text-align:center;white-space:nowrap}.rider-settlement-table tbody tr{background-color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.rider-settlement-search-form-hq{grid-template-columns:auto auto auto 1fr}.rider-settlement-search-form-supplier{grid-template-columns:2fr 1fr auto}.rider-settlement-search-form-rider{grid-template-columns:2fr auto}.fixed-columns tbody tr:hover,.rider-settlement-table tbody tr:hover,.scrollable-columns tbody tr:hover{background-color:var(--color-gray-50)}.rider-settlement-table tbody tr:last-child td{border-bottom:none}.date-preset-buttons{display:flex;gap:4px}.date-preset-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.date-preset-btn:hover{background-color:#05cd820d;border-color:var(--vroong-green);color:var(--vroong-green)}.date-preset-btn.active{background-color:var(--vroong-green);border-color:var(--vroong-green);color:var(--color-white)}.result-count{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;padding:12px 16px}.result-count strong{color:var(--vroong-green);font-weight:600}.rider-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rider-detail-modal{animation:modalSlideIn .3s ease-out;background-color:var(--color-white);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:88vh;max-width:900px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rider-detail-modal-header{background:var(--vroong-green);color:var(--color-white);padding:20px 24px;position:relative}.rider-detail-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.rider-detail-modal-header .subtitle{font-size:.875rem;margin-top:4px;opacity:.9}.rider-detail-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px}.rider-detail-modal-close:hover{background:#ffffff4d}.rider-detail-modal-body{max-height:calc(85vh - 140px);overflow-y:auto;padding:24px}.rider-detail-section{margin-bottom:24px}.rider-detail-section:last-child{margin-bottom:0}.rider-detail-section-title{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);font-size:.875rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.rider-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.rider-detail-item{background-color:var(--color-gray-50);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.rider-detail-item.highlight{background-color:#05cd821a;border:1px solid var(--vroong-green)}.rider-detail-label{color:var(--color-gray-500);font-size:.75rem;font-weight:500}.rider-detail-value{color:var(--color-gray-900);font-size:.95rem;font-weight:600}.rider-detail-value.amount{color:var(--vroong-green);font-size:1.1rem}.rider-detail-value.negative{color:#dc2626}.rider-detail-modal-footer{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;padding:16px 24px}.rider-detail-modal-footer button{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:8px;color:var(--color-gray-700);cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.rider-detail-modal-footer button:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.rider-settlement-table th .header-content{align-items:center;display:inline-flex;gap:.25rem}.rider-settlement-table th .tooltip-icon{color:var(--color-gray-400);cursor:help;font-size:.7rem;transition:color .2s ease}.rider-settlement-table th:hover .tooltip-icon{color:var(--vroong-primary)}.rider-settlement-header-tooltip{animation:riderTooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-size:.8rem;font-weight:400;line-height:1.5;max-width:300px;min-width:200px;padding:.875rem 1rem;pointer-events:none;text-align:left;white-space:normal}@keyframes riderTooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.rider-settlement-header-tooltip .tooltip-arrow{border:6px solid;border-color:#0000 #0000 #1e293b;bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}.rider-settlement-header-tooltip .tooltip-title{border-bottom:1px solid #ffffff1a;color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding-bottom:.375rem;text-transform:uppercase}.rider-settlement-header-tooltip .tooltip-content{color:#e2e8f0}.rider-settlement-header-tooltip .tooltip-content p{margin:0;padding:.125rem 0}.rider-settlement-header-tooltip .tooltip-content p:first-child{color:#4ade80;font-weight:600}@media (max-width:768px){.rider-detail-grid{grid-template-columns:repeat(2,1fr)}.date-preset-buttons{flex-wrap:wrap}}.dashboard-layout{background-color:var(--color-gray-50);display:flex;height:100vh;overflow-x:hidden}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden}.dashboard-content{margin-top:calc(var(--header-height) + 52px);max-width:100%;overflow-x:hidden;padding:0}.page-placeholder{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--color-gray-400);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:400px}.dashboard-main-content{padding:var(--spacing-6)}@media (max-width:1024px){.dashboard-main{margin-left:0}.dashboard-content{padding:var(--spacing-4)}}@media (max-width:768px){.dashboard-content{padding:var(--spacing-4)}}.page-title{font-weight:700;margin:0 0 var(--spacing-2) 0}.card{overflow:hidden}.card-header{padding:var(--spacing-5) var(--spacing-6)}.table td,.table th{font-size:var(--font-size-sm);padding:.75rem 1rem}.table thead th{background-color:var(--color-gray-50);color:var(--color-gray-700);font-weight:600}.badge{border-radius:9999px;font-weight:600;padding:.15rem .5rem}.badge-info{background-color:#e0f2fe;color:#075985}.dashboard-weekly-layout{display:flex;flex-direction:column;gap:.75rem}.dashboard-weekly-layout .search-form{grid-template-columns:auto auto auto 1fr}.dashboard-weekly-layout .search-form.supplier-view{grid-template-columns:1fr auto}.dashboard-weekly-layout .search-form .form-group.week-selector-group{min-width:-webkit-fit-content;min-width:fit-content}.dashboard-weekly-table{border-collapse:collapse;font-size:.85rem;min-width:1200px;width:100%}.dashboard-weekly-table thead th{background-color:#f9fafb;border:1px solid var(--color-gray-300);color:#374151;font-weight:600;padding:.5rem;text-align:center;vertical-align:middle}.dashboard-weekly-table thead th.col-partner-name{min-width:120px}.dashboard-weekly-table thead th.col-accept-rate,.dashboard-weekly-table thead th.col-completed,.dashboard-weekly-table thead th.col-total{min-width:80px}.dashboard-weekly-table thead th.col-day-sub{border:1px solid var(--color-gray-300);font-weight:500;min-width:50px;padding:.25rem}.dashboard-weekly-table tbody td{border:1px solid var(--color-gray-300);color:#111827;padding:.5rem;text-align:center}.dashboard-weekly-table tbody td.col-partner-name{font-weight:500;text-align:left}.dashboard-weekly-table tbody td.col-completed,.dashboard-weekly-table tbody td.col-total{font-weight:600}.dashboard-weekly-table tbody td.col-accept-rate{color:#059669;font-weight:500}.dashboard-weekly-table tbody tr:hover{background-color:#f9fafb}.dashboard-header-row{flex-wrap:wrap;justify-content:space-between}.dashboard-header-row,.header-controls{align-items:center;display:flex;gap:1rem}.display-mode-toggle,.view-mode-toggle{border:1px solid var(--color-gray-300);border-radius:6px;display:flex;overflow:hidden}.toggle-btn{background-color:var(--color-white);border:none;color:var(--color-gray-600);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.toggle-btn:not(:last-child){border-right:1px solid var(--color-gray-300)}.toggle-btn:hover{background-color:var(--color-gray-50)}.toggle-btn.active{background-color:var(--vroong-green);color:var(--color-white)}.date-selector{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:6px;display:flex;gap:.5rem;padding:.5rem 1rem}.date-selector i{color:var(--color-gray-500)}.date-selector .date-input{background:#0000;border:none;color:var(--color-gray-700);cursor:pointer;font-size:.875rem}.date-selector .date-input:focus{outline:none}.summary-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.summary-stat-card{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.25rem}.summary-stat-icon{align-items:center;background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);border-radius:10px;color:var(--color-white);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.summary-stat-content{flex:1 1}.summary-stat-label{color:var(--color-gray-500);font-size:.8rem;margin-bottom:.25rem}.summary-stat-value{color:var(--color-gray-900);font-size:1.5rem;font-weight:700}.dashboard-weekly-layout .card.search-card{margin-bottom:1rem}.dashboard-weekly-layout .card-header.filter-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;display:flex;justify-content:space-between;padding:.875rem 1.25rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dashboard-weekly-layout .card-header.filter-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.dashboard-weekly-layout .filter-title{align-items:center;color:var(--color-gray-700);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.dashboard-weekly-layout .filter-title i{color:var(--vroong-green)}.dashboard-weekly-layout .filter-toggle-icon{color:var(--color-gray-500);font-size:.875rem;transition:transform .2s ease}.dashboard-weekly-layout .card-header.filter-header:hover .filter-toggle-icon{color:var(--vroong-green)}.dashboard-search-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:auto auto auto auto 1fr}.dashboard-search-form.supplier-view{grid-template-columns:auto auto auto 1fr}.dashboard-search-form .form-group.button-group{justify-self:end}.dashboard-search-form .form-field{min-width:250px}.dashboard-weekly-layout .card.search-card .card-body{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.supplier-performance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.sub-title{color:var(--color-gray-800);font-size:1rem;font-weight:600;margin:0}.supplier-performance-card{border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.supplier-performance-table{border-collapse:initial;border-spacing:0;min-width:900px}.supplier-performance-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;font-size:.8rem;font-weight:600;padding:1rem .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.supplier-performance-table .col-partner-name{color:#1f2937;font-weight:600;min-width:180px;text-align:left}.supplier-performance-table tbody td.col-partner-name{background-color:#fafbfc;border-right:1px solid #e5e7eb}.supplier-performance-table .col-accept-rate,.supplier-performance-table .col-completed{min-width:100px;text-align:center}.supplier-performance-table tbody td.col-completed{color:#059669;font-weight:600}.supplier-performance-table tbody td.col-accept-rate{color:#2563eb;font-weight:500}.supplier-performance-table .col-day{font-size:.75rem;min-width:80px;text-align:center}.supplier-performance-table tbody tr{transition:all .2s ease}.supplier-performance-table tbody tr:hover{background-color:#f0fdf4!important;transform:scale(1.001)}.supplier-performance-table tbody tr.row-even{background-color:#fff}.supplier-performance-table tbody tr.row-odd{background-color:#f9fafb}.supplier-performance-table tbody td{border-bottom:1px solid #f1f5f9;font-size:.85rem;padding:.875rem .75rem}.supplier-performance-table .col-day-cell{cursor:pointer;font-weight:500;text-align:center;transition:all .2s ease}.supplier-performance-table .col-day-cell:hover{background-color:#e0f2fe!important;transform:scale(1.05)}.supplier-performance-table .col-day-cell.achieved{background-color:#dcfce7;color:#166534}.supplier-performance-table .col-day-cell.partial{background-color:#fef9c3;color:#854d0e}.supplier-performance-table .empty-message{color:#9ca3af;font-size:.9rem;padding:3rem!important;text-align:center}.slot-tooltip-portal{animation:tooltipPortalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-size:.8rem;padding:1rem 1.25rem;pointer-events:none;white-space:nowrap}@keyframes tooltipPortalFadeIn{0%{opacity:0;transform:translate(-50%,calc(-100% + 8px))}to{opacity:1;transform:translate(-50%,-100%)}}.slot-tooltip-portal:after{border:8px solid #0000;border-top-color:#0f172a;content:"";filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.slot-tooltip-portal:before{border-bottom:1px solid #ffffff1a;color:#94a3b8;content:"슬롯 달성 현황";display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:uppercase}.tooltip-item{align-items:center;display:flex;font-weight:500;gap:.5rem;padding:.375rem 0}.tooltip-item:before{border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.tooltip-item.achieved{color:#4ade80}.tooltip-item.achieved:before{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 8px #4ade8080}.tooltip-item.not-achieved{color:#f87171}.tooltip-item.not-achieved:before{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 0 8px #f8717180}@media (max-width:1400px){.summary-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-search-form,.dashboard-search-form.supplier-view{grid-template-columns:1fr 1fr}.dashboard-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:1024px){.dashboard-header-row{align-items:flex-start;flex-direction:column}.header-controls{justify-content:flex-end;width:100%}}@media (max-width:768px){.summary-stats-grid{grid-template-columns:1fr}.header-controls{align-items:stretch;flex-direction:column}.display-mode-toggle,.view-mode-toggle{width:100%}.toggle-btn{flex:1 1;text-align:center}.date-selector{justify-content:center;width:100%}.supplier-performance-header{align-items:flex-start;flex-direction:column;gap:.75rem}.dashboard-search-form,.dashboard-search-form.supplier-view{grid-template-columns:1fr}.dashboard-search-form .form-group.button-group{justify-self:stretch}.dashboard-search-form .form-group.button-group .btn{flex:1 1}}.supplier-realtime-table{border-collapse:initial;border-radius:12px;border-spacing:0;min-width:1000px;overflow:hidden}.supplier-realtime-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;font-size:.8rem;font-weight:600;padding:1rem .875rem;text-align:center}.supplier-realtime-table thead th:first-child{min-width:180px;text-align:left}.supplier-realtime-table thead th.slot-morning{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c}.supplier-realtime-table thead th.slot-afternoon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.supplier-realtime-table thead th.slot-evening{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.supplier-realtime-table thead th.slot-night{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.supplier-realtime-table tbody tr{transition:all .2s ease}.supplier-realtime-table tbody tr.row-even{background-color:#fff}.supplier-realtime-table tbody tr.row-odd{background-color:#f9fafb}.supplier-realtime-table tbody tr:hover{background-color:#f0fdf4!important;box-shadow:0 2px 8px #0000000f}.supplier-realtime-table tbody td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:.875rem;padding:1rem .875rem;text-align:center}.supplier-realtime-table tbody td:first-child{background-color:#fafbfc;border-right:1px solid #e5e7eb;color:#1f2937;font-weight:600;text-align:left}.supplier-realtime-table tbody td:nth-child(2){color:#059669;font-weight:700}.supplier-realtime-table tbody td:nth-child(3){color:#2563eb;font-weight:600}.supplier-realtime-table tbody td:nth-child(4){color:#dc2626}.supplier-realtime-table .slot-count{font-size:.9rem;font-weight:600}.supplier-realtime-table .slot-count .slot-target{color:var(--vroong-green);font-weight:700}.supplier-realtime-table td.slot-morning .slot-rate{color:#ea580c;font-size:.9rem;font-weight:600}.supplier-realtime-table td.slot-afternoon .slot-rate{color:#2563eb;font-size:.9rem;font-weight:600}.supplier-realtime-table td.slot-evening .slot-rate{color:#7c3aed;font-size:.9rem;font-weight:600}.supplier-realtime-table td.slot-night .slot-rate{color:#4f46e5;font-size:.9rem;font-weight:600}.supplier-realtime-table .empty-message{background-color:#f9fafb;color:#9ca3af;font-size:.9rem;padding:3rem!important;text-align:center}.rider-status-content{overflow-x:visible!important;padding:var(--spacing-6);width:100%}.content-wrapper:has(.rider-status-content),.main-content:has(.rider-status-content){overflow-x:visible!important}.rider-status-content .card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:visible}.rider-status-content .card:last-child{margin-bottom:0}.rider-status-content .card-body{box-sizing:border-box;overflow:visible;padding:var(--spacing-5)}.rider-status-content .search-form{grid-template-columns:1fr 1fr 1fr 1fr auto}.rider-status-content .search-form.supplier-view{grid-template-columns:1fr 1fr 1fr auto}.rider-status-content .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.rider-status-content .text-input:focus{box-shadow:none;outline:none}.rider-status-content .text-input::placeholder{color:var(--color-gray-400);font-weight:400}.rider-status-content .status-select-wrapper{width:100%}.rider-status-content .status-select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;background-size:20px;border:none;color:var(--color-gray-900);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;min-width:0;min-width:auto;padding:0 1.5rem 0 0;width:100%}.rider-status-content .status-select:focus{box-shadow:none;outline:none}.rider-status-content .status-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2305cd82'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E")}.rider-status-content .page-header{margin-bottom:1.5rem;margin-top:.5rem}.rider-status-content .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.rider-status-content .loading-container{align-items:center;display:flex;height:300px;justify-content:center;min-height:300px;padding:80px 20px;text-align:center;width:100%}.rider-status-content .table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-sizing:border-box;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:visible;width:100%}.rider-status-content .table{background-color:var(--color-white);border-collapse:collapse;box-sizing:border-box;min-width:-webkit-fit-content;min-width:fit-content;table-layout:auto;width:100%}.rider-status-content .table td,.rider-status-content .table th{border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm);padding:1rem .75rem;text-align:center}.rider-status-content .table td:first-child,.rider-status-content .table th:first-child{min-width:120px}.rider-status-content .table td:nth-child(2),.rider-status-content .table th:nth-child(2){min-width:80px}.rider-status-content .table td:nth-child(3),.rider-status-content .table th:nth-child(3){min-width:120px}.rider-status-content .table td:nth-child(4),.rider-status-content .table th:nth-child(4){min-width:90px}.rider-status-content .table td:nth-child(5),.rider-status-content .table th:nth-child(5){min-width:100px}.rider-status-content .table td:nth-child(6),.rider-status-content .table th:nth-child(6){min-width:90px}.rider-status-content .table td:nth-child(7),.rider-status-content .table th:nth-child(7){min-width:120px}.rider-status-content .table td:nth-child(8),.rider-status-content .table td:nth-child(9),.rider-status-content .table th:nth-child(8),.rider-status-content .table th:nth-child(9){min-width:90px}.rider-status-content .table td:nth-child(10),.rider-status-content .table td:nth-child(11),.rider-status-content .table th:nth-child(10),.rider-status-content .table th:nth-child(11){min-width:110px}.rider-status-content .table th{background-color:var(--color-gray-50);color:var(--color-gray-900);font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rider-status-content .table tbody tr{cursor:pointer!important;transition:background-color .2s ease}.rider-status-content .table tbody tr:hover{background-color:var(--color-gray-50);cursor:pointer!important}.rider-status-content .table tbody tr td{cursor:pointer!important}.rider-status-content .badge{align-items:center;border-radius:var(--border-radius-md);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.025em;padding:.25rem .75rem;text-transform:none;white-space:nowrap}.rider-status-content .badge-success{background-color:#d1fae5;color:#065f46}.rider-status-content .badge-neutral{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.rider-status-content .badge-info{background-color:#dbeafe;color:#1e40af}.rider-status-content .empty-state{color:var(--color-gray-500);font-size:var(--font-size-sm);padding:3rem;text-align:center}@media (max-width:1200px){.rider-status-content .search-form{grid-template-columns:1fr 1fr 1fr}.rider-status-content .search-form.supplier-view{grid-template-columns:1fr 1fr}.rider-status-content .search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.rider-status-content .page-title{font-size:var(--font-size-xl)}.rider-status-content .table td,.rider-status-content .table th{padding:.75rem .5rem;white-space:nowrap}}@media (max-width:480px){.rider-status-content .table td,.rider-status-content .table th{padding:.5rem .25rem}.rider-status-content .page-header{margin-bottom:1rem}.rider-status-content .page-title{font-size:var(--font-size-lg)}}.rider-status-content .text-center{text-align:center}.rider-status-content .table tbody tr:focus{outline:2px solid var(--vroong-green);outline-offset:-2px}.rider-status-content .loading-container .loading-spinner{margin:0 auto}.rider-status-content .result-count{align-items:center;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;margin-bottom:var(--spacing-4);padding:12px 16px}.rider-status-content .result-count i{color:var(--color-gray-700)}.rider-status-content .result-count strong{color:var(--vroong-green);font-weight:600}.rider-status-content .result-count .divider{color:var(--color-gray-400);margin:0 4px}.rider-status-content .pagination-container{display:flex;justify-content:center;margin-top:.75rem}.rider-info-detail-content{overflow-x:visible!important;padding:var(--spacing-6);width:100%}.rider-info-detail-content .error-container,.rider-info-detail-content .loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-8)}.rider-info-detail-content .error-container{color:var(--color-error);flex-direction:column}.rider-info-detail-content .retry-button{background-color:var(--vroong-primary);border:none;border-radius:var(--spacing-2);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:500;margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-6);transition:background-color .2s ease}.rider-info-detail-content .retry-button:hover{background-color:var(--vroong-green-dark)}.rider-info-detail-content .section-margin{margin-bottom:var(--spacing-6)}.rider-info-detail-content .rider-type-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm);justify-content:flex-start;padding:var(--spacing-6)}.rider-info-detail-content .rider-type-field,.rider-info-detail-content .rider-type-section{align-items:center;display:flex;gap:var(--spacing-4)}.rider-info-detail-content .rider-type-label{color:var(--color-gray-800);font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.rider-info-detail-content .rider-type-save-button{margin-left:var(--spacing-2)}.rider-info-detail-content .section-title{color:var(--vroong-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4)}.rider-info-detail-content .account-info-grid{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-8);margin:0;margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.rider-info-detail-content .account-section{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2);margin-left:calc(var(--spacing-4)*-1);min-width:0}.rider-info-detail-content .account-label-container{align-items:center;display:flex}.rider-info-detail-content .account-label{color:var(--color-gray-900);flex-shrink:0;font-family:var(--font-family),sans-serif;font-size:var(--font-size-base);font-weight:600;margin-left:var(--spacing-4);margin-right:var(--spacing-2);min-width:100px;white-space:nowrap;width:100px}.rider-info-detail-content .account-input-container{align-items:center;display:flex;flex:0 1 auto;margin-left:var(--spacing-1);max-width:300px}.rider-info-detail-content .form-input{background-color:#fff!important;border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);box-sizing:border-box;color:var(--color-gray-900);font-family:var(--font-family),sans-serif;font-size:var(--font-size-base);font-weight:400;height:44px;max-width:300px;outline:none;padding:var(--spacing-3) var(--spacing-4);transition:border-color .2s ease;width:100%}.rider-info-detail-content .form-input:focus{border:1px solid var(--vroong-primary);box-shadow:0 0 0 3px #05cd821a}.rider-info-detail-content .form-input:focus-visible{border:1px solid var(--vroong-primary);outline:1px solid var(--vroong-primary);outline-offset:0}.rider-info-detail-content .account-save-button{align-items:center;background:var(--color-success);border:none;border-radius:var(--spacing-3);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin-left:var(--spacing-6);min-height:40px;padding:var(--spacing-3) var(--spacing-6);white-space:nowrap}.rider-info-detail-content .basic-info-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.rider-info-detail-content .basic-info-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.rider-info-detail-content .basic-info-column{display:flex;flex-direction:column;gap:var(--spacing-4)}.rider-info-detail-content .basic-info-row{align-items:center;display:flex;gap:var(--spacing-4)}.rider-info-detail-content .basic-info-label{color:var(--color-gray-900);font-family:var(--font-family),sans-serif;font-weight:600;min-width:120px}.rider-info-detail-content .deduction-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--spacing-3);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.rider-info-detail-content .deduction-table{border-collapse:collapse;margin-top:var(--spacing-4);width:100%}.rider-info-detail-content .deduction-table thead{display:table-header-group;visibility:visible}.rider-info-detail-content .deduction-table thead tr{display:table-row;visibility:visible}.rider-info-detail-content .deduction-table th{background-color:var(--vroong-green);color:#fff;display:table-cell;font-size:var(--font-size-sm);font-weight:600;height:auto;min-height:3rem;opacity:1;padding:var(--spacing-3);text-align:center;vertical-align:middle;visibility:visible;white-space:nowrap}.rider-info-detail-content .deduction-table th:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:0}.rider-info-detail-content .deduction-table th:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:8px}.rider-info-detail-content .deduction-table th:not(:first-child):not(:last-child){border-radius:0}.rider-info-detail-content .deduction-table td{border:none;border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-3);text-align:center}.rider-info-detail-content .deduction-table .empty-deduction-message{color:#6b7280;padding:2rem;text-align:center}@media (max-width:1024px){.rider-info-detail-content .account-info-grid{align-items:stretch;flex-direction:column;gap:var(--spacing-6)}.rider-info-detail-content .account-section{align-items:stretch;flex-direction:column;gap:var(--spacing-2);min-width:auto}.rider-info-detail-content .account-label{margin-bottom:var(--spacing-2);width:auto}.rider-info-detail-content .form-input{width:100%}.rider-info-detail-content .account-save-button{font-size:var(--font-size-base);font-weight:500;margin-left:0;margin-top:var(--spacing-2);width:100%}.rider-info-detail-content .basic-info-grid{gap:var(--spacing-4);grid-template-columns:1fr}.rider-info-detail-content .basic-info-row{align-items:stretch;flex-direction:column;gap:var(--spacing-2)}.rider-info-detail-content .basic-info-label{min-width:auto}}@media (max-width:768px){.rider-info-detail-content .section-title{font-size:var(--font-size-base)}.rider-info-detail-content .account-info-grid,.rider-info-detail-content .basic-info-container,.rider-info-detail-content .deduction-container{padding:var(--spacing-4)}.rider-info-detail-content .deduction-table{font-size:var(--font-size-sm)}.rider-info-detail-content .deduction-table td,.rider-info-detail-content .deduction-table th{padding:var(--spacing-2)}.rider-info-detail-content .account-info-grid{gap:var(--spacing-4)}.rider-info-detail-content .account-save-button{font-size:var(--font-size-base);font-weight:500;margin-left:0;margin-top:var(--spacing-2);width:100%}}.rider-info-detail-content .settlement-info-divider{border-top:1px solid var(--color-gray-300);margin:var(--spacing-6) 0 var(--spacing-4) 0}.rider-info-detail-content .settlement-info-subtitle{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-4)}.rider-info-detail-content .settlement-info-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.rider-info-detail-content .settlement-info-row{align-items:center;display:flex;gap:var(--spacing-3)}.rider-info-detail-content .settlement-info-value{color:var(--vroong-primary);font-weight:500}@media (max-width:768px){.rider-info-detail-content .settlement-info-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}}.account-rider{background-color:var(--color-gray-50);min-height:100vh}.account-rider .page-header{margin-bottom:1.5rem}.account-rider .page-title{color:var(--color-gray-900);font-size:1.5rem;font-weight:600;margin:0}.account-rider .page-title-container{align-items:center;display:flex;gap:2rem}.account-rider .title-tabs{display:flex;gap:.5rem}.account-rider .title-tab{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--spacing-2);color:var(--color-gray-600);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.account-rider .title-tab:hover{background-color:var(--color-gray-50);border-color:var(--vroong-primary);color:var(--vroong-primary)}.account-rider .title-tab.active{background-color:#f0fdf9;border-color:var(--vroong-primary);color:var(--vroong-primary);font-weight:600}.account-rider .card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.account-rider .card-body{box-sizing:border-box;padding:1.5rem}.account-rider .search-card{margin-bottom:1.5rem}@media (max-width:768px){.account-rider .search-form .form-group.button-group .btn{width:100%}}.account-rider .btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.account-rider .btn-primary{align-items:center;background-color:var(--vroong-green);color:var(--color-white);display:flex;justify-content:center;padding:.75rem 1.5rem;white-space:nowrap}.account-rider .btn-primary:hover{background-color:#059669}.account-rider .btn-primary:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.account-rider .table-container{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-sizing:border-box;overflow-x:auto}.account-rider .table{background-color:var(--color-white);border-collapse:collapse;box-sizing:border-box;max-width:100%;table-layout:fixed;width:100%}.account-rider .table th{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-weight:600}.account-rider .table td,.account-rider .table th{font-size:.875rem;padding:.75rem 1rem;text-align:center}.account-rider .table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.account-rider .table tbody tr:last-child td{border-bottom:none}.account-rider .table tbody tr:hover{background-color:var(--color-gray-50)}.account-rider .table td:first-child,.account-rider .table th:first-child{width:11%}.account-rider .table td:nth-child(2),.account-rider .table th:nth-child(2){width:7%}.account-rider .table td:nth-child(3),.account-rider .table th:nth-child(3){min-width:85px;white-space:nowrap;width:9%}.account-rider .table td:nth-child(4),.account-rider .table th:nth-child(4){width:8%}.account-rider .table td:nth-child(5),.account-rider .table th:nth-child(5){text-align:center!important;width:6%}.account-rider .table td:nth-child(6),.account-rider .table td:nth-child(7),.account-rider .table th:nth-child(6),.account-rider .table th:nth-child(7){min-width:95px;white-space:nowrap;width:9%}.account-rider .table td:nth-child(8),.account-rider .table td:nth-child(9),.account-rider .table th:nth-child(8),.account-rider .table th:nth-child(9){width:7%}.account-rider .table td:nth-child(10),.account-rider .table th:nth-child(10){min-width:220px;text-align:center!important;width:20%}.account-rider .badge{align-items:center;border-radius:var(--border-radius-xl);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.account-rider .badge-success{background-color:#dcfce7;color:#166534}.account-rider .badge-danger{background-color:#fee2e2;color:#dc2626}.account-rider .badge-warning{background-color:#fef3c7;color:#d97706}.account-rider .badge-neutral{background-color:var(--color-gray-100);color:var(--color-gray-600)}.account-rider .badge-info{background-color:#dbeafe;color:#1e40af}.account-rider .number-cell{font-family:inherit;font-weight:500;text-align:center!important}.account-rider .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;margin:-.25rem 0}.account-rider .action-buttons .btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;flex-shrink:0;font-size:.8rem;min-width:65px;padding:.45rem .8rem;text-align:center;transition:all .2s ease;white-space:nowrap;width:auto}.account-rider .btn-send{background-color:#10b981;color:#fff}.account-rider .btn-send.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.account-rider .btn-limit.restrict.inactive{background-color:#d1d5db;color:#6b7280;cursor:pointer}.account-rider .btn-limit.restrict.inactive:hover:not(:disabled){background-color:#9ca3af;color:#fff}.account-rider .btn-limit.restrict.active{background-color:#ef4444;color:#fff;cursor:not-allowed}.account-rider .btn-limit.allow.inactive{background-color:#d1d5db;color:#6b7280;cursor:pointer}.account-rider .btn-limit.allow.inactive:hover:not(:disabled){background-color:#9ca3af;color:#fff}.account-rider .btn-limit.allow.active{background-color:#3b82f6;color:#fff;cursor:not-allowed}.account-rider .btn-send.disabled,.account-rider .btn-send:disabled{background-color:#6b7280!important;color:#fff!important;cursor:not-allowed!important}.account-rider .btn-limit.active:disabled,.account-rider .btn-limit.inactive:disabled{opacity:1;pointer-events:none}.account-rider .pagination-container{display:flex;justify-content:center;margin-top:.75rem}.account-rider .loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.account-rider .text-center{text-align:center}.account-rider .card:last-child{margin-bottom:0}@media (max-width:1400px){.account-rider .action-buttons{gap:.25rem}.account-rider .action-buttons .btn{font-size:.7rem;min-width:48px;padding:.3rem .5rem}}@media (max-width:1200px){.account-rider .action-buttons{align-items:stretch;flex-direction:column;gap:.25rem}.account-rider .action-buttons .btn{font-size:.7rem;min-width:60px;padding:.35rem .5rem;width:100%}.account-rider .table td:nth-child(10),.account-rider .table th:nth-child(10){min-width:80px;width:16%}}@media (max-width:768px){.account-rider .table-container{-webkit-overflow-scrolling:touch;font-size:.75rem;overflow-x:auto}.account-rider .table{max-width:100%;width:100%}.account-rider .action-buttons{flex-direction:column;gap:.2rem}.account-rider .action-buttons .btn{font-size:.65rem;min-width:55px;padding:.3rem .4rem;width:100%}}.account-rider .low-balance-row,.account-rider .low-balance-row td{background-color:#fff8e1!important}.account-rider .terminated-status-row,.account-rider .terminated-status-row td{background-color:#f5f5f5!important}.account-rider .sortable-table .sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.account-rider .sortable-table .sortable-header.sorted,.account-rider .sortable-table .sortable-header:hover{background-color:var(--color-gray-100)}.account-rider .sortable-table .sort-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);margin-left:var(--spacing-2);vertical-align:middle}.account-rider .sortable-table .sort-icon i{color:var(--color-gray-500)}.account-rider .sortable-table .sorted .sort-icon i{color:var(--vroong-green)}.account-management{overflow-x:visible!important;padding:var(--spacing-6)}.account-management .card-body{overflow:visible!important;padding:var(--spacing-4);padding-right:var(--spacing-5)}.content-wrapper:has(.account-management),.main-content:has(.account-management){overflow-x:visible!important}.account-management{position:relative}.account-management .card{overflow:visible!important}.page-header{margin-bottom:1.5rem;margin-top:.5rem}.page-title{margin:0}.account-management .search-card{margin-bottom:1.5rem}.account-management .table-container{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);min-width:0;overflow-x:auto!important;overflow-y:visible;position:relative;width:100%}.account-management .table{background-color:var(--color-white);border-collapse:collapse;display:table!important;max-width:100%;table-layout:fixed;width:100%}.account-management .table td,.account-management .table th{border-bottom:1px solid var(--color-gray-200);cursor:default!important;font-size:var(--font-size-sm);overflow:hidden;padding:var(--spacing-4) .1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.account-management .table tr,.account-management .table tr:hover{cursor:default!important}.account-management .table th{background-color:var(--color-gray-50);color:var(--color-gray-900);font-weight:600;height:auto;min-height:3rem;position:-webkit-sticky;position:sticky;top:0;vertical-align:middle;white-space:nowrap;z-index:10}.account-management .table td:first-child,.account-management .table th:first-child{padding-left:1.5rem;text-align:center!important;width:15%}.account-management .table td:nth-child(2),.account-management .table th:nth-child(2){padding-left:.3rem!important;padding-right:0!important;text-align:center!important;width:10%}.account-management .table td:nth-child(3),.account-management .table th:nth-child(3){padding-left:0!important;padding-right:.1rem!important;text-align:center!important;width:8%}.account-management .table td:nth-child(4),.account-management .table th:nth-child(4){padding-left:.1rem!important;padding-right:.1rem!important;text-align:center!important;width:10%}.account-management .table td:nth-child(5),.account-management .table td:nth-child(6),.account-management .table td:nth-child(7),.account-management .table td:nth-child(8),.account-management .table th:nth-child(5),.account-management .table th:nth-child(6),.account-management .table th:nth-child(7),.account-management .table th:nth-child(8){padding-left:.1rem!important;padding-right:.1rem!important;text-align:center!important;width:9%}.account-management .table td:nth-child(9),.account-management .table th:nth-child(9){min-width:220px;padding:.5rem .2rem .5rem .25rem;text-align:center!important;width:20%}.badge{letter-spacing:.025em;text-transform:uppercase}.badge-success{background-color:#d1fae5}.badge-neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-grade-none{background-color:initial;color:var(--color-gray-700)}.badge-bronze,.badge-grade-bronze{background-color:#fed7aa;color:#9a3412}.badge-grade-silver,.badge-silver{background-color:#f3f4f6;color:#374151}.badge-gold,.badge-grade-gold{background-color:#fef3c7;color:#92400e}.badge-diamond,.badge-grade-diamond{background-color:#dbeafe;color:#1e40af}.badge-grade-master,.badge-master{background-color:#f3e8ff;color:#7c3aed}.account-management .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;margin:-.25rem 0}.account-management .action-buttons .btn{border:none;border-radius:var(--border-radius-sm);cursor:pointer;flex-shrink:0;font-size:.8rem;min-width:65px;padding:.45rem .8rem;text-align:center;transition:all .2s ease;white-space:nowrap;width:auto}.account-management .btn-send{background-color:#10b981;color:#fff}.account-management .btn-send.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.account-management .btn-request{background-color:#3b82f6;color:#fff}.account-management .btn-limit.restrict.inactive{background-color:#d1d5db;color:#6b7280;cursor:pointer}.account-management .btn-limit.restrict.inactive:hover:not(:disabled){background-color:#9ca3af;color:#fff}.account-management .btn-limit.restrict.active{background-color:#ef4444;color:#fff;cursor:not-allowed}.account-management .btn-limit.allow.inactive{background-color:#d1d5db;color:#6b7280;cursor:pointer}.account-management .btn-limit.allow.inactive:hover:not(:disabled){background-color:#9ca3af;color:#fff}.account-management .btn-limit.allow.active{background-color:#3b82f6;color:#fff;cursor:not-allowed}.account-management .btn-send.disabled,.account-management .btn-send:disabled{background-color:#6b7280!important;color:#fff!important;cursor:not-allowed!important}.account-management .btn-limit.active:disabled,.account-management .btn-limit.inactive:disabled{opacity:1;pointer-events:none}.account-management .number-cell{font-family:inherit;font-weight:500;text-align:center!important}.account-management .table td:nth-child(8),.account-management .table td:nth-child(9),.account-management .table th:nth-child(8),.account-management .table th:nth-child(9){text-align:center!important}@media (max-width:1400px){.account-management .action-buttons{gap:.25rem}.account-management .action-buttons .btn{font-size:.7rem;min-width:48px;padding:.3rem .5rem}}@media (max-width:1200px){.account-management .action-buttons{align-items:stretch;flex-direction:column;gap:.25rem}.account-management .action-buttons .btn{font-size:.7rem;min-width:60px;padding:.35rem .5rem;width:100%}.account-management .table td:nth-child(9),.account-management .table th:nth-child(9){min-width:80px;width:16%}.account-management .table{max-width:100%;width:100%}}@media (max-width:768px){.account-management .search-form .form-group.button-group .btn{width:100%}.account-management .table{font-size:var(--font-size-xs);min-width:1200px}.account-management .table td,.account-management .table th{padding:.75rem .5rem}.account-management .action-buttons{flex-direction:column;gap:.2rem}.account-management .action-buttons .btn{font-size:.65rem;min-width:55px;padding:.3rem .4rem;width:100%}}@media (max-width:480px){.account-management .table{min-width:1200px}.account-management .badge{font-size:.625rem;padding:.125rem .5rem}}.account-management .card{margin-bottom:1.5rem}.account-management .card:last-child{margin-bottom:0}.account-management .pagination-container{display:flex;justify-content:center;margin-top:.75rem}.account-management .low-balance-row,.account-management .low-balance-row td{background-color:#fff8e1!important}.account-management .terminated-status-row,.account-management .terminated-status-row td{background-color:#f5f5f5!important}.account-management .loading-container{align-items:center;display:flex;height:300px;justify-content:center;min-height:300px;padding:80px 20px;text-align:center;width:100%}.account-management .table td.loading-container{border:none;padding:0;text-align:center;vertical-align:middle}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-spinner-icon{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b00;height:40px;width:40px}.loading-spinner-text{color:#333;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-title-container{align-items:center;display:flex;gap:2rem}.title-tabs{display:flex;gap:.5rem}.title-tab{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.title-tab:hover{background-color:var(--color-gray-50)}.title-tab.active,.title-tab:hover{border-color:var(--vroong-green);color:var(--vroong-green)}.title-tab.active{background-color:#f0fdf9;font-weight:600}.account-management .sortable-table .sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.account-management .sortable-table .sortable-header.sorted,.account-management .sortable-table .sortable-header:hover{background-color:var(--color-gray-100)}.account-management .sortable-table .sort-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);margin-left:var(--spacing-2);vertical-align:middle}.account-management .sortable-table .sort-icon i{color:var(--color-gray-500)}.account-management .sortable-table .sorted .sort-icon i{color:var(--vroong-green)}.virtual-account-management{padding:var(--spacing-6);width:100%}.virtual-account-management .page-header{margin-bottom:1.5rem;margin-top:.5rem}.virtual-account-management .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.filter-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;margin-bottom:20px;padding:20px}.virtual-account-management .filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.virtual-account-management .filter-group{display:flex;flex-direction:column;gap:8px}.virtual-account-management .filter-group label{color:var(--color-gray-700);font-size:14px;font-weight:500}.virtual-account-management .filter-group input,.virtual-account-management .filter-group select{border:1px solid var(--color-gray-300);border-radius:4px;font-size:14px;padding:8px 12px}.virtual-account-management .filter-actions{display:flex;gap:8px;justify-content:flex-end}.content-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{color:var(--color-gray-900);font-size:18px;font-weight:600}.total-count{color:var(--color-gray-600);font-size:14px}.data-table thead{background:var(--color-gray-50)}.data-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-size:14px;padding:12px;text-align:left}.data-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:14px;padding:12px}.data-table tbody tr:hover{background:var(--color-gray-50)}.text-right{text-align:right}.badge{font-size:12px}.badge-success{color:#065f46}.badge-secondary{color:#374151}.empty-state,.loading-container{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state i,.loading-container i{font-size:48px;margin-bottom:16px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-gray-100)}.btn-secondary:hover{background:var(--color-gray-200)}.search-form.virtual-account-search-form{grid-template-columns:auto auto 1fr}.search-form.virtual-account-search-form .form-group.button-group{justify-self:end}.search-form.virtual-account-search-form .form-field{min-width:250px}.search-form.virtual-account-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.search-form.virtual-account-search-form .text-input:focus{box-shadow:none;outline:none}.search-form.virtual-account-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}@media (max-width:1200px){.search-form.virtual-account-search-form{grid-template-columns:1fr 1fr}.search-form.virtual-account-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.search-form.virtual-account-search-form{grid-template-columns:1fr}.search-form.virtual-account-search-form .form-group.button-group{justify-self:stretch}.search-form.virtual-account-search-form .form-group.button-group .btn{flex:1 1}}.date-range-picker{align-items:flex-end;display:flex;gap:.5rem}.date-range-picker.disabled{opacity:.6;pointer-events:none}.date-range-field{display:flex;flex-direction:column;min-width:160px}.date-range-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2)}.date-range-picker .date-input-wrapper{align-items:center;display:flex;position:relative}.date-range-picker .date-input{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;font-size:var(--font-size-sm);min-height:42px;padding:var(--spacing-3);padding-right:2.5rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.date-range-picker .date-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.date-range-picker .date-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.date-range-picker .date-input-hidden{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.date-range-picker .calendar-icon{color:var(--color-gray-500);font-size:.875rem;pointer-events:auto;position:absolute;right:.75rem;transition:color .2s ease;z-index:2}.date-range-picker .calendar-icon:hover{color:var(--vroong-green)}.date-range-separator{align-items:center;color:var(--color-gray-500);display:flex;font-size:1rem;font-weight:500;justify-content:center;padding-bottom:.5rem}@media (max-width:768px){.date-range-picker{flex-direction:column;gap:.75rem}.date-range-field{min-width:0;min-width:auto;width:100%}.date-range-separator{padding:0}}.delivery-history-page{padding:var(--spacing-6);width:100%}.delivery-history-page .page-header{margin-bottom:1.5rem;margin-top:.5rem}.delivery-history-page .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.delivery-history-page .card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.delivery-history-page .card-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-6)}.delivery-history-page .card-body{overflow:visible;padding:1rem}.delivery-history-page .search-form{grid-template-columns:auto auto auto 1fr}.delivery-history-page .search-form .form-group.button-group{justify-self:end}.delivery-history-page .search-form.supplier-view{grid-template-columns:auto auto 1fr}.delivery-history-page .result-count{align-items:center;background-color:var(--color-gray-50);border-radius:var(--border-radius-md);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.delivery-history-page .result-count i{color:var(--color-gray-700)}.delivery-history-page .result-count strong{color:var(--vroong-green);font-weight:600}.delivery-history-page .font-semibold{font-weight:600}.delivery-history-page .delivery-table{border-collapse:collapse;table-layout:auto;width:100%}.delivery-history-page .delivery-table td,.delivery-history-page .delivery-table th{border-bottom:1px solid #e5e7eb;font-size:.875rem;line-height:1.5;padding:var(--spacing-4);text-align:center}.delivery-history-page .delivery-table th{background-clip:padding-box;background-color:#f9fafb!important;box-sizing:border-box;color:#374151;font-weight:600;line-height:1.4;min-height:3rem;position:-webkit-sticky;position:sticky;top:0;vertical-align:middle;white-space:normal;word-break:keep-all;z-index:10}.delivery-history-page .delivery-table th.sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.delivery-history-page .delivery-table th.sortable-header.sorted,.delivery-history-page .delivery-table th.sortable-header:hover{background-color:var(--color-gray-100)!important}.delivery-history-page .delivery-table th .sort-icon{color:var(--color-gray-400);font-size:.75rem;margin-left:4px}.delivery-history-page .delivery-table th.sorted .sort-icon{color:var(--vroong-green)}.delivery-history-page .delivery-table tbody tr:hover{background-color:#f9fafb}.delivery-history-page .delivery-table tbody tr:not(.total-row):not(.page-total-row) td{padding-bottom:var(--spacing-5);padding-top:var(--spacing-5)}.delivery-history-page .delivery-table td:first-child,.delivery-history-page .delivery-table th:first-child{min-width:140px;overflow:visible;padding:var(--spacing-4) 1rem;white-space:nowrap;width:16%;word-break:normal}.delivery-history-page .delivery-table td:nth-child(2),.delivery-history-page .delivery-table th:nth-child(2){min-width:80px;overflow:visible;padding:var(--spacing-4) .75rem var(--spacing-4) .75rem;white-space:normal;width:8%;word-break:break-word}.delivery-history-page .delivery-table td:nth-child(3),.delivery-history-page .delivery-table th:nth-child(3){min-width:90px;padding:var(--spacing-4) .25rem;white-space:nowrap;width:10%}.delivery-history-page .delivery-table td:nth-child(4),.delivery-history-page .delivery-table th:nth-child(4){min-width:60px;padding:var(--spacing-4) 1rem var(--spacing-4) .75rem!important;white-space:nowrap}.delivery-history-page .delivery-table td:nth-child(5),.delivery-history-page .delivery-table th:nth-child(5){min-width:60px;padding:var(--spacing-4) 1rem!important;white-space:nowrap}.delivery-history-page .delivery-table td:nth-child(6),.delivery-history-page .delivery-table td:nth-child(7),.delivery-history-page .delivery-table th:nth-child(6),.delivery-history-page .delivery-table th:nth-child(7){min-width:80px;padding:var(--spacing-4) 1.125rem!important;white-space:nowrap}.delivery-history-page .delivery-table td:nth-child(10),.delivery-history-page .delivery-table td:nth-child(11),.delivery-history-page .delivery-table td:nth-child(8),.delivery-history-page .delivery-table td:nth-child(9),.delivery-history-page .delivery-table th:nth-child(10),.delivery-history-page .delivery-table th:nth-child(11),.delivery-history-page .delivery-table th:nth-child(8),.delivery-history-page .delivery-table th:nth-child(9){min-width:90px;padding:var(--spacing-4) 1.25rem!important;white-space:nowrap}.delivery-history-page .delivery-table td:nth-child(12),.delivery-history-page .delivery-table th:nth-child(12){min-width:70px;overflow:visible;padding:var(--spacing-4) .25rem var(--spacing-4) .25rem!important;white-space:normal;width:8%;word-break:break-word}.delivery-history-page .delivery-table td:nth-child(13),.delivery-history-page .delivery-table th:nth-child(13){min-width:110px;overflow:visible;padding:var(--spacing-4) .25rem var(--spacing-4) .25rem!important;white-space:nowrap;width:11%}.delivery-history-page .delivery-table tbody .total-row{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;border-top:2px solid #e5e7eb;font-weight:600}.delivery-history-page .delivery-table tbody .total-row td{color:#111827;font-size:1rem;padding:var(--spacing-4) .5rem;text-align:center}.delivery-history-page .delivery-table tbody .page-total-row{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;font-weight:500}.delivery-history-page .delivery-table tbody .page-total-row td{color:#374151;font-size:1rem;padding:var(--spacing-1);text-align:center}.delivery-history-page .delivery-table tbody tr.clickable-row{cursor:pointer;transition:background-color .2s ease}.delivery-history-page .delivery-table tbody tr.clickable-row:hover{background-color:var(--color-gray-100)}.delivery-history-page .status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.delivery-history-page .status-badge.completed{background-color:#d1fae5;color:#065f46}.delivery-history-page .status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.delivery-history-page .status-badge.failed{background-color:#fef3c7;color:#92400e}.delivery-history-page .status-chip{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.delivery-history-page .status-chip.active{background-color:#d1fae5;color:#065f46}.delivery-history-page .status-chip.ended{background-color:#fee2e2;color:#991b1b}.delivery-history-page .empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.delivery-history-page .empty-state h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.delivery-history-page .empty-state p{font-size:.875rem;margin:0}.delivery-history-page .loading-state{color:#6b7280;padding:3rem 1rem;text-align:center}.delivery-history-page .pagination-wrapper{margin-top:1rem}.delivery-history-page .table-responsive{max-height:calc(100vh - 400px);overflow-x:auto;overflow-y:auto;position:relative;width:100%}@media (max-width:1366px){.delivery-history-page .search-form{grid-template-columns:auto 1fr auto}.delivery-history-page .search-form.supplier-view{grid-template-columns:auto auto auto}.delivery-history-page .delivery-table td:first-child,.delivery-history-page .delivery-table th:first-child{line-height:1.4;white-space:normal;word-break:keep-all}}@media (max-width:1024px){.delivery-history-page .search-form,.delivery-history-page .search-form.supplier-view{grid-template-columns:1fr 1fr}.delivery-history-page .search-form .form-group.button-group,.delivery-history-page .search-form .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.delivery-history-page .delivery-table{font-size:.875rem;table-layout:auto}.delivery-history-page .delivery-table td,.delivery-history-page .delivery-table th{padding:var(--spacing-3)}.delivery-history-page .delivery-table col{width:auto!important}.delivery-history-page .pagination-wrapper{margin-top:.75rem}.delivery-history-page .delivery-table td:first-child,.delivery-history-page .delivery-table th:first-child{line-height:1.4;white-space:normal;word-break:keep-all}}.delivery-history-detail-page{padding:var(--spacing-6);width:100%}.delivery-history-detail-page .page-header{margin-bottom:1.5rem;margin-top:.5rem}.delivery-history-detail-page .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.delivery-history-detail-page .card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:visible}.delivery-history-detail-page .card-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-6)}.delivery-history-detail-page .search-form{grid-template-columns:auto auto auto 1fr}.delivery-history-detail-page .search-form .form-group.button-group{justify-self:end}.delivery-history-detail-page .search-form.supplier-view{grid-template-columns:auto auto 1fr}.delivery-history-detail-page .card-header.delivery-history-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between}.delivery-history-detail-page .detail-identifier-caption{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-base);gap:var(--spacing-2);margin-top:var(--spacing-4)}.delivery-history-detail-page .detail-identifier{color:var(--color-gray-900);font-weight:600}.delivery-history-detail-page .detail-identifier-separator{color:var(--color-gray-400)}.delivery-history-detail-page .card-body{overflow:visible;padding:var(--spacing-5)}.delivery-history-detail-page .rider-select-wrapper{min-width:250px;width:100%}.delivery-history-detail-page .rider-select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;background-size:20px;border:none;color:var(--color-gray-900);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;min-width:0;min-width:auto;padding:0 1.5rem 0 0;width:100%}.delivery-history-detail-page .rider-select:focus{box-shadow:none;outline:none}.delivery-history-detail-page .rider-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2305cd82'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E")}.delivery-history-detail-page .rider-select:disabled{color:var(--color-gray-400);cursor:not-allowed}.delivery-history-detail-page .excel-btn:disabled{background:var(--color-gray-300)!important;box-shadow:none;color:var(--color-gray-600);cursor:not-allowed}.delivery-history-detail-page .excel-btn:disabled:hover{background:var(--color-gray-300)!important;transform:none}.delivery-history-detail-page .result-count{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;padding:12px 16px}.delivery-history-detail-page .result-count strong{color:var(--vroong-green);font-weight:600}.delivery-history-detail-page .result-count-separator{color:var(--color-gray-300);margin:0 4px}.delivery-history-detail-page .delivery-history-detail-table-responsive{max-height:60vh;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header{overflow-x:auto}.delivery-history-detail-page .delivery-history-detail-table{background-color:var(--color-white);border-collapse:collapse;border-spacing:0;font-size:var(--font-size-sm);min-width:auto;table-layout:fixed;width:100%}.delivery-history-detail-page .delivery-history-detail-table-responsive:not(.has-summary-header) .delivery-history-detail-table{min-width:1200px;table-layout:auto}.delivery-history-detail-page .delivery-history-detail-table thead{background-color:var(--color-gray-50);display:table-header-group}.delivery-history-detail-page .delivery-history-detail-table thead th{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);display:table-cell;font-weight:600;opacity:1;padding:var(--spacing-4) var(--spacing-3);position:-webkit-sticky;position:sticky;text-align:center;top:0;visibility:visible;white-space:normal;word-break:keep-all;z-index:2}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table{min-width:900px;table-layout:fixed}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:first-child,.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:first-child{min-width:70px;padding:var(--spacing-4) var(--spacing-4);text-align:center;width:70px}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:nth-child(2),.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:nth-child(3),.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:nth-child(2),.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:nth-child(3){min-width:150px;padding:var(--spacing-4) var(--spacing-4);text-align:center;width:150px}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:nth-child(4),.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:nth-child(4){min-width:160px;padding:var(--spacing-4) var(--spacing-4);text-align:center;width:160px}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:nth-child(5),.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:nth-child(5){min-width:170px;padding:var(--spacing-4) var(--spacing-4);text-align:center;width:170px}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:first-child{background-color:var(--color-gray-50);left:0;position:-webkit-sticky;position:sticky;z-index:4}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:first-child{background-color:var(--color-white);left:0;position:-webkit-sticky;position:sticky;z-index:2}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:nth-child(2){background-color:var(--color-gray-50);left:70px;position:-webkit-sticky;position:sticky;z-index:4}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:nth-child(2){background-color:var(--color-white);left:70px;position:-webkit-sticky;position:sticky;z-index:2}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table thead th:nth-child(3){background-color:var(--color-gray-50);box-shadow:2px 0 4px #0000001a;left:220px;position:-webkit-sticky;position:sticky;z-index:4}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody td:nth-child(3){background-color:var(--color-white);box-shadow:2px 0 4px #0000001a;left:220px;position:-webkit-sticky;position:sticky;z-index:2}.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody tr:hover td:first-child,.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody tr:hover td:nth-child(2),.delivery-history-detail-page .delivery-history-detail-table-responsive.has-summary-header .delivery-history-detail-table tbody tr:hover td:nth-child(3){background-color:var(--color-gray-50)}.delivery-history-detail-page .delivery-history-detail-table thead th:first-child{background-color:var(--color-gray-50);left:0;position:-webkit-sticky;position:sticky;z-index:3}.delivery-history-detail-page .delivery-history-detail-table tbody td:first-child{background-color:var(--color-white);left:0;position:-webkit-sticky;position:sticky;z-index:1}.delivery-history-detail-page .delivery-history-detail-table tbody{display:table-row-group}.delivery-history-detail-page .delivery-history-detail-table tbody tr{display:table-row}.delivery-history-detail-page .delivery-history-detail-table td{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:table-cell;opacity:1;padding:var(--spacing-4) var(--spacing-3);text-align:center;visibility:visible;white-space:nowrap}.delivery-history-detail-page .delivery-history-detail-table tbody tr:first-child td{border-top:1px solid var(--color-gray-200)}.delivery-history-detail-page .delivery-history-detail-table tbody tr:hover,.delivery-history-detail-page .delivery-history-detail-table tbody tr:hover td:first-child{background-color:var(--color-gray-50)}.delivery-history-detail-page .empty-state{color:var(--color-gray-500);padding:2rem;text-align:center}.delivery-history-detail-page .sortable-table .sortable-header{cursor:pointer;padding:var(--spacing-4) var(--spacing-4);transition:background-color .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.delivery-history-detail-page .sortable-table .sortable-header.sorted,.delivery-history-detail-page .sortable-table .sortable-header:hover{background-color:var(--color-gray-100)}.delivery-history-detail-page .sortable-table .sort-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);margin-left:var(--spacing-2);vertical-align:middle}.delivery-history-detail-page .sortable-table .sort-icon i{color:var(--color-gray-500)}.delivery-history-detail-page .sortable-table .sorted .sort-icon i{color:var(--vroong-green)}.delivery-history-detail-page .sortable-table thead th{white-space:nowrap}@media (max-width:1024px){.delivery-history-detail-page .search-form,.delivery-history-detail-page .search-form.supplier-view{grid-template-columns:1fr 1fr}.delivery-history-detail-page .search-form .form-group.button-group,.delivery-history-detail-page .search-form .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.delivery-history-detail-page .delivery-history-detail-summary-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.delivery-history-detail-page .delivery-history-detail-summary-item{font-size:var(--font-size-sm)}}.category-tab{background-color:initial;border:none;border-bottom:3px solid #0000;color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:-2px;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease}.category-tab:hover{color:var(--color-gray-900)}.category-tab.active{border-bottom-color:var(--vroong-green);color:var(--vroong-green)}.supplier-tab-content{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.supplier-detail,.supplier-section,.supplier-tab-content{background-color:var(--color-white)}.supplier-section{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.section-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-5)}.supplier-form-grid{grid-gap:var(--spacing-4);align-items:start;display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr) auto;margin-top:15px}.form-group{gap:var(--spacing-2)}.form-label{font-weight:600}.form-input,.form-label{font-size:var(--font-size-sm)}.form-input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;font-family:inherit;padding:var(--spacing-3);transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.form-input:read-only{background-color:var(--color-gray-50);cursor:default}.form-select{-webkit-appearance:none;appearance:none;background-color:var(--color-gray-100);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-3);padding-right:2.5rem;transition:all .2s ease;width:100%}.form-select:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.form-select:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.6}.save-button-wrapper{align-self:start;gap:var(--spacing-2)}.info-list,.save-button-wrapper{display:flex;flex-direction:column}.info-list{gap:var(--spacing-3);margin-top:15px}.info-row{align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);display:flex;padding:var(--spacing-3)}.info-row .info-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600;min-width:180px}.info-row .info-input,.info-row .info-value{color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-base);font-weight:500}.info-row .info-input{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-family:inherit;padding:var(--spacing-3);transition:all .2s ease}.info-row .info-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.info-row .info-input::placeholder{color:var(--color-gray-400);font-weight:400}.section-actions{border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;margin-top:var(--spacing-5);padding-top:var(--spacing-4)}.save-btn{background-color:var(--vroong-green);border:none;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease}.save-btn:hover:not(:disabled){background-color:var(--vroong-green-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.save-btn:disabled{background-color:var(--color-gray-300);cursor:not-allowed;opacity:.6}.supplier-table{border-collapse:collapse;width:100%}.supplier-table thead{background-color:var(--color-gray-50)}.supplier-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:600;text-align:left}.supplier-table td,.supplier-table th{font-size:var(--font-size-sm);padding:var(--spacing-4)}.supplier-table td{border-bottom:1px solid var(--color-gray-200)}.supplier-table tbody tr:hover{background-color:var(--color-gray-50)}.supplier-table tbody tr.add-row{background-color:#f0fdf9}.supplier-table tbody tr.add-row:hover{background-color:#dcfce7}.btn{font-size:var(--font-size-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:hover{border-color:var(--color-gray-400)}.btn-sm{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.icon-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.icon-btn-delete{background-color:var(--color-error);color:var(--color-white)}.icon-btn-delete:hover{background-color:#dc2626;transform:scale(1.1)}.badge{border-radius:var(--border-radius-md)}.badge-master{background-color:#f3e8ff;color:#7c3aed}.badge-diamond{background-color:#dbeafe;color:#1e40af}.badge-gold{background-color:#fef3c7;color:#92400e}.badge-silver{background-color:#f3f4f6;color:#374151}.badge-bronze{background-color:#fed7aa;color:#9a3412}.badge-default,.badge-none{background-color:var(--color-gray-100);color:var(--color-gray-700)}@media (max-width:1200px){.supplier-form-grid{grid-template-columns:repeat(2,1fr)}.save-button-wrapper{grid-column:span 2}}@media (max-width:768px){.supplier-management,.supplier-section{padding:var(--spacing-4)}.supplier-form-grid{grid-template-columns:1fr}.save-button-wrapper{grid-column:span 1}.supplier-table td,.supplier-table th{font-size:var(--font-size-xs);padding:var(--spacing-2)}}.rider-pre-settlement-table-container{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.rider-pre-settlement-table-wrapper{display:flex;overflow:hidden}.rider-pre-settlement-table-wrapper .fixed-columns{background-color:var(--color-white);border-right:2px solid var(--color-gray-300);box-shadow:2px 0 5px #0000001a;flex-shrink:0;z-index:10}.rider-pre-settlement-table-wrapper .fixed-columns table{border-collapse:collapse}.rider-pre-settlement-table-wrapper .fixed-columns td,.rider-pre-settlement-table-wrapper .fixed-columns th{background-color:inherit}.rider-pre-settlement-table-wrapper .scrollable-columns{flex:1 1;overflow-x:auto}.rider-pre-settlement-table-wrapper .scrollable-columns table{border-collapse:collapse}.rider-pre-settlement-table{border-collapse:collapse;width:100%}.rider-pre-settlement-table thead{background-color:var(--color-gray-50)}.rider-pre-settlement-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-size:.875rem;font-weight:600;overflow:hidden;padding:var(--spacing-4);position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.rider-pre-settlement-table th.sortable{cursor:pointer;transition:background-color .2s ease}.rider-pre-settlement-table th.sortable:hover{background-color:var(--color-gray-100)}.rider-pre-settlement-table th .sort-icon{color:var(--color-gray-400);font-size:.75rem;margin-left:4px}.rider-pre-settlement-table th.sorted .sort-icon{color:var(--vroong-green)}.rider-pre-settlement-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:.875rem;overflow:hidden;padding:var(--spacing-4);text-align:center;white-space:nowrap}.rider-pre-settlement-table tbody tr{background-color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.rider-pre-settlement-table tbody tr:hover,.rider-pre-settlement-table-wrapper .fixed-columns tbody tr:hover,.rider-pre-settlement-table-wrapper .scrollable-columns tbody tr:hover{background-color:var(--color-gray-50)}.rider-pre-settlement-table tbody tr:last-child td{border-bottom:none}.pre-settlement-date-preset-buttons{display:flex;gap:4px}.pre-settlement-date-preset-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.pre-settlement-date-preset-btn:hover{background-color:#05cd820d;border-color:var(--vroong-green);color:var(--vroong-green)}.pre-settlement-date-preset-btn.active{background-color:var(--vroong-green);border-color:var(--vroong-green);color:var(--color-white)}.pre-settlement-result-count{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;padding:12px 16px}.pre-settlement-result-count strong{color:var(--vroong-green);font-weight:600}.rider-pre-detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rider-pre-detail-modal{animation:preModalSlideIn .3s ease-out;background-color:var(--color-white);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:88vh;max-width:900px;overflow:hidden;width:90%}@keyframes preModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rider-pre-detail-modal-header{background:var(--vroong-green);color:var(--color-white);padding:20px 24px;position:relative}.rider-pre-detail-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.rider-pre-detail-modal-header .subtitle{font-size:.875rem;margin-top:4px;opacity:.9}.rider-pre-detail-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px}.rider-pre-detail-modal-close:hover{background:#ffffff4d}.rider-pre-detail-modal-body{max-height:calc(85vh - 140px);overflow-y:auto;padding:24px}.rider-pre-detail-section{margin-bottom:24px}.rider-pre-detail-section:last-child{margin-bottom:0}.rider-pre-detail-section-title{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700);font-size:.875rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.rider-pre-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.rider-pre-detail-item{background-color:var(--color-gray-50);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.rider-pre-detail-item.highlight{background-color:#05cd821a;border:1px solid var(--vroong-green)}.rider-pre-detail-label{color:var(--color-gray-500);font-size:.75rem;font-weight:500}.rider-pre-detail-value{color:var(--color-gray-900);font-size:.95rem;font-weight:600}.rider-pre-detail-value.amount{color:var(--vroong-green);font-size:1.1rem}.rider-pre-detail-value.negative{color:#dc2626}.rider-pre-detail-modal-footer{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;padding:16px 24px}.rider-pre-detail-modal-footer button{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:8px;color:var(--color-gray-700);cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.rider-pre-detail-modal-footer button:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.rider-pre-settlement-table th .header-content{align-items:center;display:inline-flex;gap:.25rem}.rider-pre-settlement-table th .tooltip-icon{color:var(--color-gray-400);cursor:help;font-size:.7rem;transition:color .2s ease}.rider-pre-settlement-table th:hover .tooltip-icon{color:var(--vroong-primary)}.rider-pre-settlement-header-tooltip{animation:preTooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 40px #0000004d,0 4px 12px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-size:.8rem;font-weight:400;line-height:1.5;max-width:300px;min-width:200px;padding:.875rem 1rem;pointer-events:none;text-align:left;white-space:normal}@keyframes preTooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.rider-pre-settlement-header-tooltip .tooltip-arrow{border:6px solid;border-color:#0000 #0000 #1e293b;bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}.rider-pre-settlement-header-tooltip .tooltip-title{border-bottom:1px solid #ffffff1a;color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding-bottom:.375rem;text-transform:uppercase}.rider-pre-settlement-header-tooltip .tooltip-content{color:#e2e8f0}.rider-pre-settlement-header-tooltip .tooltip-content p{margin:0;padding:.125rem 0}.rider-pre-settlement-header-tooltip .tooltip-content p:first-child{color:#4ade80;font-weight:600}@media (max-width:768px){.rider-pre-detail-grid{grid-template-columns:repeat(2,1fr)}.pre-settlement-date-preset-buttons{flex-wrap:wrap}}.modal-content{box-shadow:0 10px 25px #0003;max-width:600px;width:90%}.modal-header{padding:1.5rem}.modal-close{align-items:center;border-radius:4px;color:#6b7280;display:flex;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.modal-close:hover{background:#f3f4f6;color:#1a1a1a}.withdrawal-balance-section{background:linear-gradient(135deg,#05cd82,#04b374);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.balance-label{font-size:1rem;margin-bottom:1rem;opacity:.95}.balance-amount{font-size:3rem;font-weight:700;margin-bottom:1rem}.balance-info{font-size:.875rem;opacity:.9}.withdrawal-input-section{background:#f9fafb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.input-group{align-items:center;display:flex;gap:1rem;justify-content:space-between}.withdrawal-input-section .form-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:1.5rem;font-weight:600;padding:1rem}.withdrawal-input-section .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s;white-space:nowrap}.withdrawal-input-section .btn-blue{background:#3b82f6;color:#fff}.withdrawal-input-section .btn-blue:hover{background:#2563eb}.withdrawal-input-section .btn-blue:disabled{background:#9ca3af;cursor:not-allowed}.withdrawal-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.section-title{color:#05cd82;font-size:1.125rem;margin-bottom:1rem}.details-grid{margin-bottom:1.5rem}.detail-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#1a1a1a;font-weight:600}.account-info{background:#f9fafb;border-radius:8px;color:#ef4444;font-size:.875rem;font-weight:500;padding:1rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input,.form-label{font-size:.875rem}.form-input{border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.balance-amount{font-size:2rem}.input-group{flex-direction:column}.withdrawal-input-section .btn{width:100%}}.head-withdraw-history{padding:var(--spacing-6);width:100%}.head-withdraw-history .page-header{margin-bottom:1.5rem;margin-top:.5rem}.head-withdraw-history .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.head-withdraw-history .card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.head-withdraw-history .card-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.head-withdraw-history .card-body{padding:1.5rem}.head-withdraw-history .badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.head-withdraw-history .badge-warning{background:#fef3c7;color:#92400e}.head-withdraw-history .badge-info{background:#dbeafe;color:#1e40af}.head-withdraw-history .badge-success{background:#dcfce7;color:#166534}.head-withdraw-history .badge-danger{background:#fee2e2;color:#991b1b}.search-form.head-withdraw-search-form{grid-template-columns:auto auto auto 1fr}.search-form.head-withdraw-search-form .form-group.button-group{justify-self:end}.search-form.head-withdraw-search-form .form-field{min-width:250px}.search-form.head-withdraw-search-form .form-group.date-range-group .form-field{min-width:320px}.head-withdraw-search-form .date-range-inputs{align-items:center;display:flex;gap:.5rem}.head-withdraw-search-form .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.head-withdraw-search-form .date-range-inputs .date-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.head-withdraw-search-form .date-range-inputs .date-input-wrapper .form-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0 1.5rem 0 0;width:100%}.head-withdraw-search-form .date-range-inputs .date-input-wrapper .form-input:focus{box-shadow:none;outline:none}.head-withdraw-search-form .date-range-inputs .date-input-wrapper .form-input::placeholder{color:var(--color-gray-400);font-weight:400}.head-withdraw-search-form .date-range-inputs .date-input-wrapper input[type=date]{height:0;opacity:0;position:absolute;width:0}.head-withdraw-search-form .date-range-inputs .date-input-wrapper .calendar-icon{color:var(--color-gray-400);font-size:.875rem;position:absolute;right:0;transition:color .2s ease}.head-withdraw-search-form .date-range-inputs .date-input-wrapper .calendar-icon:hover{color:var(--vroong-green)}@media (max-width:1400px){.head-withdraw-search-form{grid-template-columns:1fr 1fr 1fr 1fr}.head-withdraw-search-form .form-group.button-group,.head-withdraw-search-form .form-group.date-range-group{grid-column:1/-1}}@media (max-width:768px){.head-withdraw-search-form{grid-template-columns:1fr}}.head-withdraw-history .table{border-collapse:collapse;min-width:1400px;table-layout:fixed;width:100%}.head-withdraw-history .card-body{overflow-x:auto}.head-withdraw-history .table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;white-space:nowrap}.head-withdraw-history .table td,.head-withdraw-history .table th{font-size:.875rem;padding:.875rem .5rem;text-align:center;vertical-align:middle}.head-withdraw-history .table td{border-bottom:1px solid #e5e7eb}.head-withdraw-history .table tbody tr:hover{background-color:#f9fafb}.head-withdraw-history .table td.col-no,.head-withdraw-history .table th.col-no{min-width:60px;text-align:center;width:60px}.head-withdraw-history .table td.col-date,.head-withdraw-history .table th.col-date{min-width:110px;text-align:center;width:110px}.head-withdraw-history .table td.col-subject,.head-withdraw-history .table th.col-subject{min-width:90px;text-align:center;width:90px}.head-withdraw-history .table td.col-partner,.head-withdraw-history .table th.col-partner{min-width:160px;text-align:center;width:160px}.head-withdraw-history .table td.col-rider,.head-withdraw-history .table th.col-rider{min-width:120px;text-align:center;width:120px}.head-withdraw-history .table td.col-id,.head-withdraw-history .table th.col-id{min-width:100px;text-align:center;width:100px}.head-withdraw-history .table td.col-type,.head-withdraw-history .table th.col-type{min-width:90px;text-align:center;width:90px}.head-withdraw-history .table th.col-amount{min-width:110px;width:110px}.head-withdraw-history .table th.col-balance{min-width:160px;text-align:right;width:160px}.head-withdraw-history .table td.col-amount{font-size:.9375rem;font-weight:500;padding-right:.5rem;white-space:nowrap}.head-withdraw-history .table td.col-amount.amount-deposit{color:#2563eb}.head-withdraw-history .table td.col-amount.amount-withdrawal{color:#dc2626}.head-withdraw-history .table td.col-balance{font-size:.9375rem;font-weight:500;padding-right:1.5rem;text-align:right}.head-withdraw-history .table td.col-empty{padding:2rem;text-align:center}.head-withdraw-history .pagination-container{display:flex;justify-content:center;margin-top:1.5rem}.head-withdraw-history .summary-container{align-items:stretch;display:flex;gap:0;justify-content:flex-end}.head-withdraw-history .summary-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-left:1rem;min-width:140px;padding:1rem 2rem}.head-withdraw-history .summary-item:first-child{margin-left:0}.head-withdraw-history .summary-item.summary-total{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.head-withdraw-history .summary-label{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.8125rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.head-withdraw-history .summary-amount{color:#111827;color:var(--color-gray-900,#111827);font-size:1.5rem;font-weight:700;white-space:nowrap}.head-withdraw-history .summary-item.summary-total .summary-amount{color:#059669;color:var(--vroong-green,#059669)}.head-withdraw-history .summary-amount.amount-deposit{color:#2563eb}.head-withdraw-history .summary-amount.amount-withdrawal{color:#dc2626}.head-withdraw-history .table th.sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.head-withdraw-history .table th.sortable:hover{background-color:#f3f4f6}.head-withdraw-history .table th.sortable .header-content{align-items:center;display:inline-flex;gap:.25rem;justify-content:center;width:100%}.head-withdraw-history .table th.sortable .sort-icon{color:#9ca3af;font-size:.75rem;transition:color .2s}.head-withdraw-history .table th.sortable:hover .sort-icon{color:#6b7280}.head-withdraw-history .table th.sortable .sort-icon.sort-asc,.head-withdraw-history .table th.sortable .sort-icon.sort-desc{color:#2563eb;font-weight:700}.head-withdraw-history .sortable-table .sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.head-withdraw-history .sortable-table .sortable-header.sorted,.head-withdraw-history .sortable-table .sortable-header:hover{background-color:var(--color-gray-100)}.head-withdraw-history .sortable-table .sort-icon{align-items:center;display:inline-flex;font-size:var(--font-size-sm);margin-left:var(--spacing-2);vertical-align:middle}.head-withdraw-history .sortable-table .sort-icon i{color:var(--color-gray-500)}.head-withdraw-history .sortable-table .sorted .sort-icon i{color:var(--vroong-green)}.head-withdraw-history .result-count{align-items:center;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;margin-bottom:var(--spacing-4);padding:12px 16px}.head-withdraw-history .result-count i{color:var(--color-gray-700)}.head-withdraw-history .result-count strong{color:var(--vroong-green);font-weight:600}.head-withdraw-history .accordion-header-controls{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.head-withdraw-history .view-mode-toggle{border:1px solid var(--color-gray-300);border-radius:8px;display:flex;gap:0;overflow:hidden}.head-withdraw-history .view-mode-toggle .toggle-btn{align-items:center;background:var(--color-white);border:none;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.head-withdraw-history .view-mode-toggle .toggle-btn:first-child{border-right:1px solid var(--color-gray-300)}.head-withdraw-history .view-mode-toggle .toggle-btn:hover:not(.active){background:var(--color-gray-50)}.head-withdraw-history .view-mode-toggle .toggle-btn.active{background:var(--vroong-green);color:#fff}.head-withdraw-history .view-mode-toggle .toggle-btn i{font-size:.875rem}.head-withdraw-history .accordion-toggle-btn{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:6px;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.head-withdraw-history .accordion-toggle-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.head-withdraw-history .history-accordion{display:flex;flex-direction:column;gap:.75rem}.head-withdraw-history .accordion-item{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;overflow:hidden}.head-withdraw-history .accordion-header{align-items:center;background:var(--color-gray-50);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background-color .2s ease}.head-withdraw-history .accordion-header:hover{background:var(--color-gray-100)}.head-withdraw-history .accordion-header .group-name{color:var(--color-gray-900);font-size:1rem;font-weight:600}.head-withdraw-history .accordion-header-right{align-items:center;display:flex;gap:1rem}.head-withdraw-history .group-info-cards{display:flex;gap:.75rem}.head-withdraw-history .group-info-cards .info-card{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:6px;display:flex;flex-direction:column;min-width:100px;padding:.5rem 1rem}.head-withdraw-history .group-info-cards .info-label{color:var(--color-gray-500);font-size:.6875rem;font-weight:500;letter-spacing:.02em;margin-bottom:.25rem;text-transform:uppercase}.head-withdraw-history .group-info-cards .info-value{font-size:.875rem;font-weight:600;white-space:nowrap}.head-withdraw-history .group-info-cards .info-value.balance{color:var(--color-gray-900)}.head-withdraw-history .group-info-cards .info-value.deposit{color:#2563eb}.head-withdraw-history .group-info-cards .info-value.withdrawal{color:#dc2626}.head-withdraw-history .accordion-header .chevron-icon{color:var(--color-gray-400);font-size:.875rem;margin-left:.5rem;transition:transform .2s ease}.head-withdraw-history .accordion-content{border-top:1px solid var(--color-gray-200);padding:1rem 1.25rem}.head-withdraw-history .accordion-content .table-responsive{overflow-x:auto}.head-withdraw-history .history-table{border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.head-withdraw-history .history-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.8125rem;font-weight:600;padding:.75rem .5rem;text-align:center;vertical-align:middle;white-space:nowrap}.head-withdraw-history .history-table td{border-bottom:1px solid #e5e7eb;font-size:.8125rem;padding:.75rem .5rem;text-align:center;vertical-align:middle}.head-withdraw-history .history-table tbody tr:hover{background-color:#f9fafb}.head-withdraw-history .history-table tbody tr:last-child td{border-bottom:none}.head-withdraw-history .history-table td.col-no,.head-withdraw-history .history-table th.col-no{min-width:80px;width:80px}.head-withdraw-history .history-table td.col-date,.head-withdraw-history .history-table th.col-date{min-width:140px;width:180px}.head-withdraw-history .history-table td.col-type,.head-withdraw-history .history-table th.col-type{min-width:180px;width:180px}.head-withdraw-history .history-table td.col-content,.head-withdraw-history .history-table th.col-content{min-width:180px;padding-left:1rem;text-align:left;width:auto}.head-withdraw-history .history-table td.col-partner,.head-withdraw-history .history-table th.col-partner{min-width:180px;width:180px}.head-withdraw-history .history-table td.col-amount,.head-withdraw-history .history-table th.col-amount{min-width:180px;padding-right:1rem;text-align:right;width:180px}.head-withdraw-history .history-table td.col-amount.amount-deposit{color:#2563eb;font-weight:500}.head-withdraw-history .history-table td.col-amount.amount-withdrawal{color:#dc2626;font-weight:500}.head-withdraw-history .empty-state{color:var(--color-gray-500);padding:3rem;text-align:center}.head-withdraw-history .empty-state p{font-size:.9375rem;margin:0}.head-withdraw-history .accordion-content .pagination-container{display:flex;justify-content:center;margin-top:1rem}.transfer-history{overflow-x:visible!important;padding:var(--spacing-6);width:100%}.content-wrapper:has(.transfer-history),.main-content:has(.transfer-history){overflow-x:visible!important}.transfer-history .page-header{margin-bottom:1.5rem;margin-top:.5rem}.transfer-history .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.transfer-history .card{background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;margin-bottom:1.25rem;transition:box-shadow .2s ease}.transfer-history .card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.transfer-history .card-body{padding:1.25rem 1.5rem}.transfer-search-form{grid-template-columns:minmax(280px,1.2fr) minmax(200px,1fr) auto}.transfer-search-form .date-range-inputs{align-items:center;display:flex;gap:.5rem}.transfer-search-form .date-range-inputs .date-separator{color:var(--color-gray-400);flex-shrink:0;font-weight:500}.transfer-search-form .date-range-inputs .date-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.transfer-search-form .date-range-inputs .date-input-wrapper .form-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0 1.5rem 0 0;width:100%}.transfer-search-form .date-range-inputs .date-input-wrapper .form-input:focus{box-shadow:none;outline:none}.transfer-search-form .date-range-inputs .date-input-wrapper .form-input::placeholder{color:var(--color-gray-400);font-weight:400}.transfer-search-form .date-range-inputs .date-input-wrapper input[type=date]{height:0;opacity:0;position:absolute;width:0}.transfer-search-form .date-range-inputs .date-input-wrapper .calendar-icon{color:var(--color-gray-400);font-size:.875rem;position:absolute;right:0;transition:color .2s ease}.transfer-search-form .date-range-inputs .date-input-wrapper .calendar-icon:hover{color:var(--vroong-green)}@media (max-width:1200px){.transfer-search-form{grid-template-columns:1fr 1fr}.transfer-search-form .form-group.button-group,.transfer-search-form .form-group.date-range-group{grid-column:1/-1}}.transfer-history .table{border-collapse:collapse;min-width:1200px;table-layout:fixed;width:100%}.transfer-history .card-body{overflow-x:auto}.transfer-history .table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;white-space:nowrap}.transfer-history .table td,.transfer-history .table th{font-size:.875rem;padding:.875rem .5rem;text-align:center;vertical-align:middle}.transfer-history .table td{border-bottom:1px solid #e5e7eb}.transfer-history .table tbody tr:hover{background-color:#f9fafb}.transfer-history .table td.col-no,.transfer-history .table th.col-no{min-width:60px;text-align:center;width:60px}.transfer-history .table td.col-date,.transfer-history .table td.col-partner,.transfer-history .table th.col-date,.transfer-history .table th.col-partner{min-width:160px;text-align:center;width:160px}.transfer-history .table td.col-amount,.transfer-history .table th.col-amount{min-width:130px;padding-right:1rem;text-align:right;width:130px}.transfer-history .table td.col-balance,.transfer-history .table th.col-balance{min-width:140px;padding-right:1rem;text-align:right;width:140px}.transfer-history .table td.col-briefs,.transfer-history .table th.col-briefs{min-width:200px;text-align:left;width:200px}.transfer-history .table td.col-user,.transfer-history .table th.col-user{min-width:100px;text-align:center;width:100px}.transfer-history .table td.col-amount{font-size:.9375rem;font-weight:500}.transfer-history .table td.col-amount.amount-transfer{color:#059669}.transfer-history .table td.col-balance{font-size:.9375rem;font-weight:500}.transfer-history .table td.col-empty{color:#6b7280;padding:2rem;text-align:center}.transfer-history .table th.sortable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.transfer-history .table th.sortable:hover{background-color:#f3f4f6}.transfer-history .table th.sortable .header-content{align-items:center;display:inline-flex;gap:.25rem;justify-content:center;width:100%}.transfer-history .table th.sortable .sort-icon{color:#9ca3af;font-size:.75rem;transition:color .2s}.transfer-history .table th.sortable:hover .sort-icon{color:#6b7280}.transfer-history .table th.sortable .sort-icon.sort-asc,.transfer-history .table th.sortable .sort-icon.sort-desc{color:#059669;font-weight:700}.transfer-history .summary-container{align-items:stretch;display:flex;gap:0;justify-content:flex-end}.transfer-history .summary-item{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-left:1rem;min-width:140px;padding:1rem 2rem}.transfer-history .summary-item:first-child{margin-left:0}.transfer-history .summary-item.summary-total{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.transfer-history .summary-label{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.8125rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.transfer-history .summary-amount{color:#111827;color:var(--color-gray-900,#111827);font-size:1.5rem;font-weight:700;white-space:nowrap}.transfer-history .summary-item.summary-total .summary-amount{color:#059669;color:var(--vroong-green,#059669)}.transfer-history .result-count{align-items:center;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);color:var(--color-gray-700);display:flex;font-size:.875rem;gap:8px;margin-bottom:var(--spacing-4);padding:12px 16px}.transfer-history .result-count i{color:var(--color-gray-700)}.transfer-history .result-count strong{color:#059669;font-weight:600}.transfer-history .pagination-container{display:flex;justify-content:center;margin-top:1.5rem}.transfer-modal{padding:1rem}.transfer-modal .balance-info{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.transfer-modal .balance-row{align-items:center;display:flex;justify-content:space-between}.transfer-modal .balance-label{color:#374151;font-size:.875rem;font-weight:500}.transfer-modal .balance-value{color:#059669;font-size:1.25rem;font-weight:700}.transfer-modal .form-group{margin-bottom:1.25rem}.transfer-modal .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.transfer-modal .form-label.required:after{color:#dc2626;content:" *"}.transfer-modal .form-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.625rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.transfer-modal .form-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.transfer-modal .input-with-unit{align-items:center;display:flex;gap:.5rem}.transfer-modal .input-with-unit .form-input{flex:1 1;text-align:right}.transfer-modal .input-with-unit .unit{color:#6b7280;font-size:.875rem;font-weight:500}.transfer-modal .preview-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.transfer-modal .preview-title{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.transfer-modal .preview-row{align-items:center;display:flex;justify-content:space-between;padding:.375rem 0}.transfer-modal .preview-label{color:#6b7280;font-size:.875rem}.transfer-modal .preview-value{color:#1f2937;font-size:.9375rem;font-weight:600}.transfer-modal .preview-value.amount-transfer{color:#059669}.transfer-modal .preview-value.amount-negative{color:#dc2626}.transfer-modal .error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.transfer-modal .error-message i{font-size:1rem}.transfer-modal .modal-buttons{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-overlay{height:100%;left:0;top:0;width:100%}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:1.25rem 1.5rem}.modal-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.modal-close-btn:hover{background:#f3f4f6;color:#1a1a1a}.modal-body{padding:1.5rem}.modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;gap:.75rem;padding:1rem 1.5rem}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-primary{background:#059669;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#047857}.modal-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-btn-secondary:hover:not(:disabled){background:#e5e7eb}@media (max-width:768px){.modal-container{max-height:95vh;width:95%}}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-detail-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.user-detail-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.user-detail-modal .modal-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.user-detail-modal .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.user-detail-modal .modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.user-detail-modal .modal-body{padding:1.5rem}.user-detail-modal .form-section{margin-bottom:1.5rem}.user-detail-modal .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.user-detail-modal .form-group{margin-bottom:0}.user-detail-modal .form-label{color:var(--color-gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.user-detail-modal .form-input{border:1px solid var(--color-gray-300);border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s;width:100%}.user-detail-modal .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.user-detail-modal .form-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.user-detail-modal .info-section{border-top:1px solid var(--color-gray-200);margin-top:1.5rem;padding-top:1.5rem}.user-detail-modal .section-title{color:var(--color-gray-900);font-size:1rem;font-weight:600;margin-bottom:1rem}.user-detail-modal .info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.user-detail-modal .info-row{align-items:center;background-color:var(--color-gray-50);border-radius:4px;display:flex;padding:.5rem}.user-detail-modal .info-label{color:var(--color-gray-600);font-size:.875rem;font-weight:500;min-width:80px}.user-detail-modal .info-value{color:var(--color-gray-900);font-size:.875rem}.user-detail-modal .modal-footer{border-top:1px solid var(--color-gray-200);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.user-detail-modal .btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.user-detail-modal .btn-primary{background-color:var(--vroong-green);color:#fff}.user-detail-modal .btn-primary:hover:not(:disabled){background-color:var(--vroong-green-dark)}.user-detail-modal .btn-primary:disabled{cursor:not-allowed;opacity:.6}.user-detail-modal .btn-secondary{background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.user-detail-modal .btn-secondary:hover,.user-management-page{background-color:var(--color-gray-50)}.user-management-page{min-height:100vh;padding:var(--spacing-6)}.user-management-page .page-header{margin-bottom:1.5rem}.user-management-page .card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.user-management-page .card-body{padding:1.5rem}.user-management-page .page-title{color:var(--color-gray-900);font-size:1.5rem;font-weight:600;margin:0}.user-management-page .badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.user-management-page .badge-info{background-color:#dbeafe;color:#1e40af}.user-management-page .badge-warning{background-color:#fef3c7;color:#92400e}.user-management-page .badge-success{background-color:#d1fae5;color:#065f46}.user-management-page .badge-danger{background-color:#fee2e2;color:#991b1b}.common-code-management-page{padding:var(--spacing-6);width:100%}.common-code-management-page .page-header{margin-bottom:1.5rem;margin-top:.5rem}.common-code-management-page .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0}.query-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.query-button-wrapper{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.common-code-management-page .add-button,.common-code-management-page .add-button.login-button{background:#05cd82!important;background-image:none!important;border:#05cd82!important;color:#fff!important;flex-shrink:0;margin-top:0!important;min-width:auto;padding:.75rem 1rem!important;width:auto!important}.common-code-management-page .add-button.login-button:hover:not(:disabled),.common-code-management-page .add-button:hover:not(:disabled){background:var(--vroong-green-dark)!important;background-image:none!important;border-color:var(--vroong-green-dark)!important;transform:translateY(-2px)}.common-code-management-page .add-button-icon{margin-right:.5rem}.query-button{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);text-align:left;transition:all .2s ease;width:100%}.query-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--vroong-green);box-shadow:var(--shadow-md)}.query-button:disabled{cursor:not-allowed;opacity:.6}.query-button.expanded{background:var(--color-gray-50);border-bottom-color:#0000;border-bottom-left-radius:0;border-bottom-right-radius:0}.query-button-content{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-3)}.query-button-content i{color:var(--vroong-green);font-size:var(--font-size-lg)}.query-arrow{color:var(--color-gray-400);font-size:var(--font-size-sm);transition:transform .2s ease}.query-arrow.expanded{transform:rotate(180deg)}.query-result{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:none;box-shadow:var(--shadow-sm);overflow:hidden}.query-loading{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-8)}.table-wrapper{overflow-x:auto;padding:var(--spacing-6);width:100%}.code-table{border-collapse:collapse;table-layout:auto;width:100%}.code-table thead{background:var(--color-gray-50)}.code-table th{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-900);font-weight:600;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:10}.code-table td,.code-table th{font-size:var(--font-size-sm);padding:var(--spacing-4) var(--spacing-5);text-align:center}.code-table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle;word-break:break-word}.code-table tbody tr:hover{background:var(--color-gray-50)}.code-table tbody tr{transition:background-color .2s ease}.group-row{cursor:pointer;transition:all .2s ease}.group-row:hover{background:var(--color-gray-50)!important}.group-row.selected{background:#05cd821a!important;border-left:2px solid var(--vroong-green);border-right:2px solid var(--vroong-green);border-top:2px solid var(--vroong-green)}.group-row.selected:hover{background:#05cd8226!important}.action-cell{padding:var(--spacing-4) var(--spacing-5);text-align:center;width:60px}.edit-group-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-gray-600);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:var(--spacing-2);transition:all .2s ease;width:32px}.edit-group-button:hover{background:var(--color-gray-100);color:var(--vroong-green)}.edit-group-button i{font-size:var(--font-size-sm)}.expand-indicator{padding:var(--spacing-4) var(--spacing-5);text-align:center;width:50px}.expand-indicator i{color:var(--color-gray-500);font-size:var(--font-size-sm);transition:transform .3s ease}.expand-indicator i.expanded{transform:rotate(180deg)}.clickable{cursor:pointer}.group-codes-row{background:var(--color-gray-50)}.group-codes-cell{background:var(--color-white);border:2px solid var(--vroong-green);border-top:none;box-shadow:inset 0 2px 4px #0000000d;padding:0!important;position:relative}.group-codes-loading{padding:var(--spacing-8);text-align:center}.group-codes-content{background:var(--color-white);padding:var(--spacing-4) var(--spacing-6)}.table-wrapper-inline{overflow-x:auto;width:100%}.code-table-inline{background:var(--color-white);border:1px solid var(--color-gray-200);border-collapse:collapse;border-radius:var(--border-radius-md);overflow:hidden;table-layout:auto;width:100%}.code-table-inline thead{background:var(--color-gray-50)}.code-table-inline th{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-900);font-weight:600;white-space:nowrap}.code-table-inline td,.code-table-inline th{font-size:var(--font-size-sm);padding:var(--spacing-4) var(--spacing-5);text-align:center}.code-table-inline td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;word-break:break-word}.group-codes-result{margin-top:var(--spacing-4)}.group-codes-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-4) var(--spacing-6)}.group-codes-header h3{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--spacing-2);margin:0}.group-codes-header h3 i{color:var(--vroong-green)}.code-table tbody tr:last-child td{border-bottom:none}.code-table tbody tr.group-codes-row td.group-codes-cell{border-bottom:2px solid var(--vroong-green)!important}.status-badge{align-items:center;border-radius:var(--border-radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-1);justify-content:center;margin:0 auto;padding:var(--spacing-1) var(--spacing-2)}.status-badge.active{background:#05cd821a;color:var(--vroong-green)}.status-badge.inactive{background:var(--color-gray-100);color:var(--color-gray-600)}.status-badge i{font-size:var(--font-size-xs)}.action-buttons{align-items:center;gap:var(--spacing-2);justify-content:center}.btn-delete,.btn-edit{background:#0000;border:none;color:var(--color-gray-600);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);transition:color .2s ease}.btn-edit:hover{color:var(--vroong-blue)}.btn-delete:hover{color:var(--color-error)}.code-cell{font-family:Courier New,monospace;font-weight:600;text-align:center}.name-cell{font-weight:500;text-align:center}.seq-cell,.value-cell{color:var(--color-gray-600);text-align:center}.value-cell{font-size:var(--font-size-sm);max-width:150px;overflow:hidden;padding:var(--spacing-3) var(--spacing-4);text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.code-table .group-row .value-cell:hover{background:#0000;border-radius:0;box-shadow:none;padding:var(--spacing-3) var(--spacing-4)}.code-table .group-row .value-cell:hover,.code-table-inline .value-cell{max-width:150px;overflow:hidden;position:static;white-space:nowrap;word-break:normal;z-index:auto}.code-table-inline .value-cell{text-overflow:ellipsis}.code-table-inline .value-cell:hover{background:#0000;border-radius:0;box-shadow:none;max-width:150px;overflow:hidden;padding:var(--spacing-4) var(--spacing-5);position:static;text-overflow:ellipsis;white-space:nowrap;word-break:normal;z-index:auto}.empty-row{color:var(--color-gray-500);padding:var(--spacing-8)!important;text-align:center}.empty-state{padding:var(--spacing-12) var(--spacing-6)}.empty-state i{color:var(--color-gray-300);font-size:3rem;margin-bottom:var(--spacing-4)}.empty-subtitle{color:var(--color-gray-400);font-size:var(--font-size-sm);margin-top:var(--spacing-2)!important}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:var(--spacing-12)}.code-error,.code-loading{padding:var(--spacing-8);text-align:center}.code-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.code-error,.code-error i{color:var(--color-error)}.code-error i{font-size:2rem;margin-bottom:var(--spacing-3)}.code-error p{font-size:var(--font-size-sm);margin:0}.form-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.common-code-form{gap:var(--spacing-8)}.common-code-form,.form-section{display:flex;flex-direction:column}.form-section{gap:var(--spacing-4)}.section-title{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0;padding-bottom:var(--spacing-3)}.form-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(2,1fr)}.radio-group{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-2)}.radio-option{align-items:center;background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;-webkit-user-select:none;user-select:none}.radio-option:hover{background:#05cd820d;border-color:var(--vroong-green)}.radio-option input[type=radio]{display:none}.radio-checkmark{border:2px solid var(--color-gray-400);border-radius:50%;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}.radio-option input[type=radio]:checked~.radio-checkmark{background:var(--color-white);border-color:var(--vroong-green)}.radio-option input[type=radio]:checked~.radio-checkmark:after{background:var(--vroong-green);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-option input[type=radio]:checked~.radio-label{color:var(--vroong-green);font-weight:600}.radio-label{color:var(--color-gray-700);font-size:var(--font-size-sm);transition:all .2s ease}.radio-option:hover .radio-label{color:var(--vroong-green)}.common-code-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.common-code-form .form-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500}.common-code-form .form-input{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-900);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;width:100%}.common-code-form .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.common-code-form .form-input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.common-code-form .form-input::placeholder{color:var(--color-gray-400)}.common-code-form .error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.form-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-6)}.cancel-button{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease}.cancel-button:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}@media (max-width:768px){.common-code-management-page,.form-container{padding:var(--spacing-4)}.form-grid{gap:var(--spacing-4);grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-button,.form-actions .login-button{width:100%}}.common-code-create-page{max-width:100%;padding:0;width:100%}.common-code-create-page .page-header{margin-bottom:var(--spacing-6);margin-top:.5rem}.common-code-create-page .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-2) 0}.common-code-create-page .page-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.common-code-create-page .form-container{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-8)}.common-code-create-page form.common-code-form{display:flex;flex-direction:column;gap:var(--spacing-1)}.common-code-create-page .form-section{display:flex;flex-direction:column}.common-code-create-page .form-section:first-of-type{border-bottom:1px solid var(--color-gray-200)}.common-code-create-page .form-section:last-of-type{padding-bottom:0}.common-code-create-page .form-section-title{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0}.common-code-create-page .form-section-header{align-items:center;display:flex;justify-content:space-between}.common-code-create-page .add-common-code-button,.common-code-create-page .add-common-code-button.login-button{align-items:center;background:var(--vroong-green)!important;background-color:var(--vroong-green)!important;background-image:none!important;border:none!important;border-color:var(--vroong-green)!important;color:var(--color-white)!important;display:inline-flex!important;flex-shrink:0;justify-content:center;max-width:none!important;min-width:auto!important;padding:.75rem 1rem!important;width:auto!important}.common-code-create-page .add-common-code-button.login-button:hover:not(:disabled),.common-code-create-page .add-common-code-button:hover:not(:disabled){background:var(--vroong-green-dark)!important;background-color:var(--vroong-green-dark)!important;background-image:none!important;border-color:var(--vroong-green-dark)!important}.common-code-create-page .add-common-code-button i{font-size:var(--font-size-sm);margin-right:.5rem}.common-code-create-page .common-code-item{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-6)}.common-code-create-page .common-code-item:last-child{margin-bottom:0}.common-code-create-page .common-code-item-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.common-code-create-page .common-code-item-title{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:600;margin:0}.common-code-create-page .delete-common-code-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.common-code-create-page .delete-common-code-button:hover{background:#0000;color:var(--color-error)}.common-code-create-page .delete-common-code-button i{font-size:14px}.common-code-create-page .form-row{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.common-code-create-page .form-row-three{grid-template-columns:1fr 1fr 1fr}.common-code-create-page .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.common-code-create-page .form-group.full-width{grid-column:1/-1}.common-code-create-page .form-group-with-delete{position:relative}.common-code-create-page .delete-field-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:24px;justify-content:center;padding:0;position:absolute;right:.5rem;top:2.5rem;transition:all .2s ease;width:24px;z-index:1}.common-code-create-page .delete-field-button:hover{background:#0000;color:var(--color-error)}.common-code-create-page .delete-field-button i{font-size:10px}.common-code-create-page .form-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-1)}.common-code-create-page .form-label .required{color:var(--color-error);margin-left:var(--spacing-1)}.common-code-create-page .form-input{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-900);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;width:100%}.common-code-create-page .form-input[type=number]{-moz-appearance:textfield}.common-code-create-page .form-input[type=number]::-webkit-inner-spin-button,.common-code-create-page .form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.common-code-create-page .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.common-code-create-page .form-input.error{border-color:var(--color-error)}.common-code-create-page .form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.common-code-create-page .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-900);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);padding-right:2.5rem;transition:all .2s ease;width:100%}.common-code-create-page .form-select:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.common-code-create-page .form-select.error{border-color:var(--color-error)}.common-code-create-page .form-select.error:focus{box-shadow:0 0 0 3px #ef44441a}.common-code-create-page .error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.common-code-create-page form.common-code-form .form-actions{border-top:none!important;display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-1)!important;padding-top:var(--spacing-1)!important}.common-code-create-page .cancel-button,.common-code-create-page .cancel-button.login-button{background:var(--color-gray-200)!important;background-color:var(--color-gray-200)!important;background-image:none!important;border:none!important;border-color:var(--color-gray-200)!important;color:var(--color-gray-700)!important}.common-code-create-page .cancel-button.login-button:hover:not(:disabled),.common-code-create-page .cancel-button:hover:not(:disabled){background:var(--color-gray-300)!important;background-color:var(--color-gray-300)!important;background-image:none!important;border-color:var(--color-gray-300)!important}.common-code-create-page .submit-button,.common-code-create-page .submit-button.login-button{background:var(--vroong-green)!important;background-color:var(--vroong-green)!important;background-image:none!important;border:none!important;border-color:var(--vroong-green)!important;color:var(--color-white)!important}.common-code-create-page .submit-button.login-button:hover:not(:disabled),.common-code-create-page .submit-button:hover:not(:disabled){background:var(--vroong-green-dark)!important;background-color:var(--vroong-green-dark)!important;background-image:none!important;border-color:var(--vroong-green-dark)!important}.common-code-create-page .add-value-button-wrapper{align-items:flex-start;display:flex}.common-code-create-page .add-value-button,.common-code-create-page .add-value-button.login-button{align-items:center;background:var(--vroong-green)!important;background-color:var(--vroong-green)!important;background-image:none!important;border:none!important;border-color:var(--vroong-green)!important;color:var(--color-white)!important;display:inline-flex!important;flex-shrink:0;justify-content:center;margin-top:0!important;max-width:none!important;min-width:auto!important;padding:.75rem 1rem!important;width:auto!important}.common-code-create-page .add-value-button.login-button:hover:not(:disabled),.common-code-create-page .add-value-button:hover:not(:disabled){background:var(--vroong-green-dark)!important;background-color:var(--vroong-green-dark)!important;background-image:none!important;border-color:var(--vroong-green-dark)!important;transform:translateY(-2px)}.common-code-create-page .add-value-button i{font-size:var(--font-size-sm);margin-right:.5rem}@media (max-width:768px){.common-code-create-page .form-row{grid-template-columns:1fr}.common-code-create-page .form-actions{flex-direction:column-reverse}.common-code-create-page .form-actions button{width:100%}}.user-withdraw-request-page{padding:var(--spacing-6);width:100%}.user-withdraw-request-page .page-header{margin-bottom:1.5rem;margin-top:.5rem}.user-withdraw-request-page .card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.user-withdraw-request-page .card-body{padding:1.5rem}.user-withdraw-request-page .page-title{color:var(--color-gray-900);font-size:1.5rem;font-weight:600;margin:0}.user-withdraw-request-page .table{border-collapse:collapse;margin-top:1rem;width:100%}.user-withdraw-request-page .table thead{background-color:var(--color-gray-100)}.user-withdraw-request-page .table th{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;font-weight:600;padding:.75rem;text-align:center}.user-withdraw-request-page .table td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem;padding:.75rem;text-align:center}.user-withdraw-request-page .table tbody tr:hover{background-color:var(--color-gray-50)}.user-withdraw-request-page .badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.user-withdraw-request-page .badge-warning{background-color:#fef3c7;color:#92400e}.user-withdraw-request-page .badge-secondary{background-color:var(--color-gray-200);color:var(--color-text-secondary)}.user-withdraw-request-page input[type=checkbox]{accent-color:var(--vroong-green);cursor:pointer;height:18px;width:18px}.user-withdraw-request-page input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.user-withdraw-request-page .select-all-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.user-withdraw-request-page .select-all-btn:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--vroong-green);color:var(--vroong-green)}.user-withdraw-request-page .select-all-btn:disabled{cursor:not-allowed;opacity:.5}.user-withdraw-request-page .withdraw-btn{align-items:center;background-color:var(--vroong-green);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease}.user-withdraw-request-page .withdraw-btn:hover:not(:disabled){background-color:var(--vroong-green-dark);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.user-withdraw-request-page .withdraw-btn:disabled{background-color:var(--color-gray-300);cursor:not-allowed;opacity:.5}.user-withdraw-request-page .withdraw-btn i{font-size:.875rem}.re-settlement-page{background-color:var(--color-gray-50);min-height:100vh;padding:var(--spacing-6)}.re-settlement-page .page-header{margin-bottom:1.5rem}.re-settlement-page .page-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.re-settlement-page .page-subtitle{color:#6b7280;font-size:.875rem}.re-settlement-page .card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.re-settlement-page .card-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.re-settlement-page .card-body{padding:1.5rem}.re-settlement-search-form{align-items:stretch;grid-template-columns:1fr 1fr 1fr 1fr auto}.re-settlement-search-form .form-field{display:flex;flex-direction:column;height:100%}.re-settlement-search-form .status-select-wrapper{align-items:center;display:flex;flex:1 1}.re-settlement-search-form .status-select{height:auto;min-height:32px}@media (max-width:1200px){.re-settlement-search-form{grid-template-columns:1fr 1fr 1fr}.re-settlement-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.re-settlement-search-form{grid-template-columns:1fr}}.accordion-controls{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.accordion-toggle-btn{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.accordion-toggle-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.accordion-toggle-btn i{font-size:var(--font-size-sm)}.work-status-accordion{display:flex;flex-direction:column;gap:1rem}.supplier-accordion-item{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);overflow:hidden}.supplier-header{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);transition:background-color .2s ease}.supplier-header:hover{background-color:var(--color-gray-100)}.supplier-header-content{display:flex;flex-direction:column;gap:.25rem}.supplier-name{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:600}.supplier-info{color:var(--color-gray-600);font-size:var(--font-size-sm)}.supplier-header i{color:var(--color-gray-500);transition:transform .2s ease}.supplier-content{background-color:var(--color-white);padding:var(--spacing-4)}.work-status-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.work-status-table th,.work-status-table thead{background-color:var(--color-gray-50);position:-webkit-sticky;position:sticky;top:0;z-index:10}.work-status-table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:600}.work-status-table td,.work-status-table th{padding:var(--spacing-3) var(--spacing-4);text-align:center;white-space:nowrap}.work-status-table td{border-bottom:1px solid var(--color-gray-200)}.work-status-table tbody tr:hover{background-color:var(--color-gray-50)}.work-status-table td:first-child,.work-status-table th:first-child{font-weight:500;padding-right:.125rem;width:auto}.work-status-table td:nth-child(2),.work-status-table th:nth-child(2){padding-left:.125rem;padding-right:.125rem;width:auto}.work-status-table td:nth-child(3),.work-status-table th:nth-child(3){padding-left:.125rem;width:auto}.delivery-fee-total{color:var(--color-gray-900);font-weight:500;text-align:right}.work-status-table td:nth-child(4),.work-status-table td:nth-child(n+5),.work-status-table th:nth-child(4),.work-status-table th:nth-child(n+5){padding-left:.25rem;padding-right:.5rem}.total-work-days{color:var(--vroong-green);font-weight:600}.work-status-cell{min-width:80px}.work-status-badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;white-space:nowrap}.work-status-badge.working{background-color:#d1fae5;color:#065f46}.work-status-badge.not-working{background-color:#fee2e2;color:#991b1b}.work-status-badge.no-data{background-color:var(--color-gray-100);color:var(--color-gray-500)}.table-responsive{max-height:600px;max-width:100%;overflow-x:auto;overflow-y:auto;position:relative}.empty-state{color:var(--color-gray-500);padding:3rem;text-align:center}.empty-state p{font-size:var(--font-size-base);margin:0}.rider-status-content .work-status-search-form{grid-template-columns:auto auto auto 1fr}.rider-status-content .work-status-search-form.supplier-view{grid-template-columns:auto auto 1fr}.rider-status-content .work-status-search-form .form-group.button-group{justify-self:end}.rider-status-content .work-status-search-form .form-field{min-width:250px}.rider-status-content .work-status-search-form .form-group.date-range-group .form-field{min-width:420px}.rider-status-content .form-label-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.625rem}.rider-status-content .form-label-row .form-label{border-bottom:none;margin-bottom:0;padding-bottom:0}.rider-status-content .date-preset-buttons{display:flex;gap:4px}.rider-status-content .date-preset-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.rider-status-content .date-preset-btn:hover{background-color:#05cd820d;border-color:#05cd824d;color:var(--vroong-green)}.rider-status-content .date-preset-btn.active{background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);border-color:var(--vroong-green);color:var(--color-white)}.rider-status-content .work-status-search-form .text-input{background:#0000;border:none;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:500;height:32px;line-height:32px;padding:0;width:100%}.rider-status-content .work-status-search-form .text-input:focus{box-shadow:none;outline:none}.rider-status-content .work-status-search-form .text-input::placeholder{color:var(--color-gray-400);font-weight:400}.rider-status-content .work-days-input{-moz-appearance:textfield}.rider-status-content .work-days-input::-webkit-inner-spin-button,.rider-status-content .work-days-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rider-status-content .excel-btn:disabled{background:var(--color-gray-300)!important;box-shadow:none;color:var(--color-gray-600);cursor:not-allowed}.rider-status-content .excel-btn:disabled:hover{background:var(--color-gray-300)!important;transform:none}@media (max-width:1200px){.rider-status-content .work-status-search-form,.rider-status-content .work-status-search-form.supplier-view{grid-template-columns:1fr 1fr}.rider-status-content .work-status-search-form .form-group.button-group,.rider-status-content .work-status-search-form .form-group.date-range-group{grid-column:1/-1}}.work-status-table .sortable-header{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.work-status-table .sortable-header:hover{background-color:var(--color-gray-100)}.work-status-table .sortable-header .sort-icon{margin-left:4px}.maintenance-management-page{padding:20px}.msg-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-settlement-delete{background:#ffedd5;color:#9a3412}.badge-settlement-reregister{background:#dcfce7;color:#166534}.badge-info{background:#dbeafe;color:#2563eb}.maintenance-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100%;padding:40px 20px}.maintenance-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:60px 40px;text-align:center;width:100%}.maintenance-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 30px;width:100px}.maintenance-icon i{color:#fff;font-size:48px}.maintenance-title{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 20px}.maintenance-message{color:#4a4a6a;font-size:16px;line-height:1.6;margin:0 0 30px}.maintenance-schedule{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.schedule-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.schedule-item:not(:last-child){border-bottom:1px solid #e9ecef}.schedule-label{color:#6c757d;font-size:14px;font-weight:500}.schedule-value{color:#1a1a2e;font-size:14px;font-weight:600}.maintenance-notice{color:#868e96;font-size:13px;line-height:1.6;margin:0}.notice-management-page{padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-header h2{font-size:1.5rem;font-weight:600;margin:0}.notice-management-page .card.search-card{margin-bottom:20px}.notice-search-form{grid-template-columns:auto auto 1fr}.notice-search-form .form-field{min-width:200px}@media (max-width:1024px){.notice-search-form{grid-template-columns:1fr 1fr}.notice-search-form .form-group.button-group{grid-column:1/-1}}@media (max-width:768px){.notice-search-form{grid-template-columns:1fr}}.page-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.data-table th{background:#f9fafb;color:#374151;font-size:.875rem;font-weight:600;white-space:nowrap}.data-table td{color:#4b5563;font-size:.875rem}.title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:4px;display:inline-block;padding:4px 8px}.badge-primary{background:#dbeafe;color:#2563eb}.badge-success{background:#d1fae5;color:#059669}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}.badge-info{background:#e0f2fe;color:#0284c7}.badge-secondary{background:#e5e7eb;color:#6b7280}.action-buttons{display:flex;gap:8px}.btn{border-radius:6px;font-size:.875rem;padding:8px 16px;transition:all .2s}.btn-sm{font-size:.75rem;padding:4px 10px}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#e5e7eb}.btn-outline{background:#0000;border:1px solid #d1d5db;color:#374151}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-content.modal-lg{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{font-size:1.125rem;margin:0}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.5rem}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.form-group{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;font-size:.875rem;padding:10px 12px;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-group textarea{resize:vertical}.required{color:#ef4444}.form-hint{color:#6b7280;display:block;font-size:.75rem;margin-top:6px}.empty-text,.loading-text{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:.875rem;padding:16px;text-align:center}.form-group select[multiple]{background-image:none;min-height:120px;padding-right:12px}.target-selector{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.selected-tags{background:#f0f9ff;border-bottom:1px solid #d1d5db;display:flex;flex-wrap:wrap;gap:6px;max-height:100px;overflow-y:auto;padding:10px}.tag{align-items:center;background:#3b82f6;border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;margin-left:2px;opacity:.8;padding:0}.tag-remove:hover{opacity:1}.search-input-wrapper{background:#fff;border-bottom:1px solid #e5e7eb;padding:10px;position:relative}.search-input{border:1px solid #d1d5db!important;border-radius:6px!important;font-size:.875rem;padding:8px 32px 8px 12px!important;width:100%}.search-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a;outline:none}.search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.search-clear:hover{color:#6b7280}.select-actions{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:8px 10px}.select-count{color:#6b7280;font-size:.75rem;margin-left:auto}.options-list{background:#fff;max-height:200px;overflow-y:auto}.option-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s}.option-item:last-child{border-bottom:none}.option-item:hover{background:#f0f9ff}.option-label{color:#374151;font-size:.875rem}.option-add{color:#3b82f6;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .15s}.option-item:hover .option-add{opacity:1}.option-item.inactive{background:#f9fafb}.option-item.inactive .option-label{color:#6b7280}.options-list .empty-text{border-radius:0}.empty-container,.loading-container{color:#6b7280;padding:40px;text-align:center}@media (max-width:768px){.form-row{flex-direction:column;gap:0}}.settlement-upload-page{background-color:var(--color-gray-50);min-height:100%;padding:20px}.settlement-upload-page .page-header{margin-bottom:20px}.settlement-upload-page .page-title{color:var(--color-gray-900);font-size:1.5rem;font-weight:600;margin:0}.settlement-upload-page .upload-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.settlement-upload-page .upload-card .card-body{padding:24px}.settlement-upload-page .upload-button-group{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.settlement-upload-page .upload-button-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px}.settlement-upload-page .upload-btn{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:16px 32px;transition:all .2s ease}.settlement-upload-page .upload-btn i{font-size:1.25rem}.settlement-upload-page .upload-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.settlement-upload-page .upload-hint{color:var(--color-gray-500);font-size:.875rem;margin:0;text-align:center}.settlement-upload-page .upload-info-section{background:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:8px;margin-bottom:20px;padding:16px 20px}.settlement-upload-page .info-item{align-items:center;color:var(--color-blue-700);display:flex;font-size:.875rem;gap:8px}.settlement-upload-page .info-item+.info-item{margin-top:8px}.settlement-upload-page .info-item i.fa-info-circle{color:var(--color-blue-500)}.settlement-upload-page .info-item i.fa-exclamation-triangle{color:var(--color-orange-500)}.settlement-upload-page .result-count{align-items:center;color:var(--color-gray-600);display:flex;font-size:.875rem;gap:8px;margin-bottom:12px}.settlement-upload-page .result-count i{color:var(--color-gray-400)}.settlement-upload-page .result-count strong{color:var(--vroong-green);font-weight:600}.settlement-upload-page .settlement-upload-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow-x:auto}.settlement-upload-page .badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px}.settlement-upload-page .badge-partner{background-color:#ede9fe;color:#6d28d9}.settlement-upload-page .badge-rider{background-color:#ccfbf1;color:#0d9488}.settlement-upload-page .status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.settlement-upload-page .status-applied{background-color:var(--color-green-100);color:var(--color-green-700)}.settlement-upload-page .status-pending{background-color:var(--color-orange-100);color:var(--color-orange-700)}.settlement-upload-page .row-applied{background-color:#f0fdf4;background-color:var(--color-green-50,#f0fdf4)}.settlement-upload-page .row-applied:hover{background-color:#dcfce7;background-color:var(--color-green-100,#dcfce7)}.settlement-upload-page .action-buttons{display:flex;gap:4px;justify-content:center}.settlement-upload-page .btn-sm{border-radius:4px;font-size:.75rem;padding:4px 8px}.settlement-upload-page .btn-danger{background-color:var(--color-red-500);border:none;color:#fff}.settlement-upload-page .btn-danger:hover:not(:disabled){background-color:var(--color-red-600)}.settlement-upload-page .text-center{text-align:center}.settlement-upload-page .text-right{text-align:right}@media (max-width:768px){.settlement-upload-page{padding:16px}.settlement-upload-page .upload-button-group{flex-direction:column;gap:16px}.settlement-upload-page .upload-btn{justify-content:center;width:100%}}.authority-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:650px;overflow-y:auto;width:90%}.authority-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.authority-modal .modal-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.authority-modal .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.authority-modal .modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.authority-modal .modal-body{padding:1.5rem}.authority-modal .form-group{margin-bottom:1.25rem}.authority-modal .form-label{color:var(--color-gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.authority-modal .form-label .required{color:#ef4444;margin-left:.25rem}.authority-modal .form-input{border:1px solid var(--color-gray-300);border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s;width:100%}.authority-modal .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.authority-modal .form-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.authority-modal .form-textarea{min-height:80px;resize:vertical}.authority-modal .form-help{color:var(--color-gray-500);display:block;font-size:.75rem;margin-top:.375rem}.authority-modal .form-help.text-warning{color:var(--color-orange-600)}.authority-modal .page-select-container{background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:8px;max-height:300px;overflow-y:auto}.authority-modal .page-group{border-bottom:1px solid var(--color-gray-200)}.authority-modal .page-group:last-child{border-bottom:none}.authority-modal .page-option{align-items:center;cursor:pointer;display:flex;padding:.625rem .875rem;transition:background-color .15s}.authority-modal .page-option:hover{background-color:var(--color-gray-100)}.authority-modal .page-option.selected{background-color:#05cd821a}.authority-modal .parent-option{background-color:#fff;color:var(--color-gray-900);font-weight:600}.authority-modal .parent-option.selected{background-color:#05cd8226}.authority-modal .child-option{color:var(--color-gray-700);font-weight:400;padding-left:2rem}.authority-modal .child-options{background-color:var(--color-gray-50)}.authority-modal .page-checkbox{accent-color:var(--vroong-green);cursor:pointer;height:1rem;margin-right:.625rem;width:1rem}.authority-modal .page-label{flex:1 1;font-size:.875rem}.authority-modal .selected-count{color:var(--color-gray-500);font-size:.75rem;margin-top:.5rem;text-align:right}.authority-modal .modal-footer{border-top:1px solid var(--color-gray-200);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.authority-modal .btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.authority-modal .btn-primary{background-color:var(--vroong-green);color:#fff}.authority-modal .btn-primary:hover:not(:disabled){background-color:var(--vroong-green-dark)}.authority-modal .btn-primary:disabled{cursor:not-allowed;opacity:.6}.authority-modal .btn-secondary{background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.authority-management-page,.authority-modal .btn-secondary:hover{background-color:var(--color-gray-50)}.authority-management-page{min-height:100%;padding:20px}.authority-management-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.authority-management-page .page-title{color:var(--color-gray-900);font-size:1.5rem;font-weight:600;margin:0}.authority-management-page .page-header .btn{align-items:center;display:flex;gap:6px}.authority-management-page .info-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid var(--color-blue-200);border-left:4px solid var(--color-blue-500);border-radius:8px;box-shadow:0 2px 4px #0000000a;margin-bottom:20px;overflow:hidden}.authority-management-page .info-toggle-btn{align-items:center;background:#0000;border:none;color:var(--color-blue-700);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;padding:14px 20px;transition:background-color .2s ease;width:100%}.authority-management-page .info-toggle-btn:hover{background-color:#3b82f614}.authority-management-page .info-toggle-btn>i:first-child{color:var(--color-blue-500);font-size:1rem}.authority-management-page .info-toggle-btn .toggle-icon{color:var(--color-blue-400);font-size:.75rem;margin-left:auto;transition:transform .2s ease}.authority-management-page .info-section.expanded .info-toggle-btn{border-bottom:1px dashed var(--color-blue-200)}.authority-management-page .info-content{padding:16px 20px 20px}.authority-management-page .info-item{align-items:flex-start;color:var(--color-gray-700);display:flex;font-size:.875rem;gap:12px;line-height:1.5}.authority-management-page .info-item+.info-item{border-top:1px dashed var(--color-blue-200);margin-top:16px;padding-top:16px}.authority-management-page .info-item>i{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:20px;justify-content:center;margin-top:2px;width:20px}.authority-management-page .info-item i.fa-info-circle{color:var(--color-blue-500)}.authority-management-page .info-item i.fa-exclamation-triangle{color:var(--color-orange-500)}.authority-management-page .info-item>span{flex:1 1}.authority-management-page .info-title{color:var(--color-gray-800);display:block;font-weight:600;margin-bottom:8px}.authority-management-page .standard-permission-list{grid-gap:8px 24px;background:#fff9;border-radius:6px;display:grid;gap:8px 24px;grid-template-columns:repeat(2,1fr);list-style:none;margin:12px 0 0;padding:12px 16px}.authority-management-page .standard-permission-list li{align-items:center;color:var(--color-gray-600);display:flex;font-size:.8125rem;gap:8px;padding:6px 0}.authority-management-page .standard-permission-list li:before{background-color:var(--color-blue-400);border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.authority-management-page .standard-permission-list li strong{color:var(--color-blue-700);font-weight:600;min-width:70px}.authority-management-page .authority-search-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.authority-management-page .authority-search-form .form-group{flex:0 0 auto}.authority-management-page .authority-search-form .form-group:not(.button-group){min-width:220px}.authority-management-page .authority-search-form .form-group:not(.button-group) .text-input{width:220px}.authority-management-page .authority-search-form .button-group{margin-left:auto}.authority-management-page .search-card{margin-bottom:20px}.authority-management-page .filter-info{color:var(--color-gray-500);font-size:.8125rem}.authority-management-page .result-count{align-items:center;color:var(--color-gray-600);display:flex;font-size:.875rem;gap:8px;margin-bottom:12px}.authority-management-page .result-count i{color:var(--color-gray-400)}.authority-management-page .result-count strong{color:var(--vroong-green);font-weight:600}.authority-management-page .authority-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.authority-management-page .authority-table{border-collapse:collapse;font-size:.875rem;width:100%}.authority-management-page .authority-table td,.authority-management-page .authority-table th{border-bottom:1px solid var(--color-gray-200);padding:12px 16px;text-align:left}.authority-management-page .authority-table th{background-color:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;white-space:nowrap}.authority-management-page .authority-table tbody tr:hover,.authority-management-page .row-standard{background-color:var(--color-gray-50)}.authority-management-page .row-standard:hover{background-color:var(--color-gray-100)!important}.authority-management-page .badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.authority-management-page .badge-standard{background-color:var(--color-gray-200);color:var(--color-gray-700)}.authority-management-page .badge-custom{background-color:var(--color-blue-100);color:var(--color-blue-700)}.authority-management-page .user-type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.authority-management-page .user-type-c{background-color:#e0e7ff;color:#3730a3}.authority-management-page .user-type-s{background-color:#ede9fe;color:#6d28d9}.authority-management-page .user-type-r{background-color:#ccfbf1;color:#0d9488}.authority-management-page .access-pages-cell{max-width:300px}.authority-management-page .access-pages-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-600);display:-webkit-box;font-size:.8125rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.authority-management-page .desc-cell{color:var(--color-gray-500);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.authority-management-page .action-buttons{display:flex;gap:4px;justify-content:center}.authority-management-page .authority-action-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.authority-management-page .authority-action-btn i{font-size:14px}.authority-management-page .authority-edit-btn:hover:not(:disabled){background-color:#eff6ff;border-color:#3b82f6}.authority-management-page .authority-delete-btn:hover:not(:disabled){background-color:#fef2f2;border-color:#ef4444}.authority-management-page .authority-action-btn:disabled{cursor:not-allowed;opacity:.5}.authority-management-page .text-center{text-align:center}@media (max-width:768px){.authority-management-page{padding:16px}.authority-management-page .page-header{align-items:flex-start;flex-direction:column;gap:12px}.authority-management-page .page-header .btn{justify-content:center;width:100%}}.notice-popup-overlay{background-color:initial;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.notice-popup-modal{animation:noticePopupSlideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;pointer-events:auto;position:absolute;width:90%}.notice-popup-dragging{cursor:move;-webkit-user-select:none;user-select:none}@keyframes noticePopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notice-popup-header{align-items:center;background:var(--vroong-green);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:14px 20px}.notice-popup-draggable{cursor:move;-webkit-user-select:none;user-select:none}.notice-popup-badge{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px}.notice-popup-modal.notice-popup-urgent .notice-popup-btn-confirm,.notice-popup-modal.notice-popup-urgent .notice-popup-header,.notice-popup-modal.notice-popup-urgent .notice-popup-logo-area{background:#dc2626}.notice-popup-modal.notice-popup-urgent .notice-popup-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc262666}.notice-popup-badge-urgent{align-items:center;display:inline-flex;gap:6px}.notice-popup-badge-urgent:before{align-items:center;background:#fff;border-radius:50%;color:#dc2626;content:"!";display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.notice-popup-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;opacity:.9;padding:0;transition:opacity .2s}.notice-popup-close:hover{opacity:1}.notice-popup-body{background:#fff;flex:1 1;overflow-y:auto;padding:20px}.notice-popup-title{color:#1e293b;font-size:16px;font-weight:700;line-height:1.5;margin:0 0 8px}.notice-popup-meta{color:#64748b;display:flex;font-size:13px;gap:12px;margin-bottom:16px}.notice-popup-date,.notice-popup-writer{align-items:center;display:flex;gap:4px}.notice-popup-writer{border-left:1px solid #e2e8f0;padding-left:12px}.notice-popup-content{color:#374151;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.notice-popup-content p{margin:0 0 6px}.notice-popup-content p:last-child{margin-bottom:0}.notice-popup-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 20px}.notice-popup-checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.notice-popup-checkbox{accent-color:#26a69a;cursor:pointer;height:16px;width:16px}.notice-popup-checkbox-label{color:#64748b;font-size:13px}.notice-popup-buttons{display:flex;gap:8px}.notice-popup-btn-confirm{background:var(--vroong-green);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 24px;transition:all .2s}.notice-popup-btn-confirm:hover{background:linear-gradient(135deg,#26a69a,#1e8a7e);box-shadow:0 2px 8px #26a69a66}.notice-popup-btn-skip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.notice-popup-btn-skip:hover{background:#e2e8f0;border-color:#cbd5e1}.notice-popup-btn-close-all{background:#0000;border:1px solid #26a69a;border-radius:4px;color:#26a69a;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.notice-popup-btn-close-all:hover{background:#26a69a1a}.notice-popup-logo-area{align-items:center;background:var(--vroong-green);border-radius:0 0 8px 8px;display:flex;justify-content:center;padding:14px 20px}.notice-popup-logo{filter:brightness(0) invert(1);height:24px;width:auto}@media (max-width:576px){.notice-popup-modal{max-height:85vh;width:95%}.notice-popup-header{padding:12px 16px}.notice-popup-body{padding:16px}.notice-popup-footer{flex-direction:column;gap:12px;padding:12px 16px}.notice-popup-checkbox-wrapper{width:100%}.notice-popup-buttons{justify-content:flex-end;width:100%}.notice-popup-btn-close-all{width:100%}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:#f9fafb;margin:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit}.text-gray-400{color:#9ca3af}:root{--vroong-primary:#05cd82;--vroong-green:#05cd82;--vroong-green-dark:#04b374;--vroong-green-light:#26d494;--vroong-blue:#0091ff;--vroong-blue-dark:#007ce6;--vroong-blue-light:#1a9eff;--vroong-white:#fff;--vroong-secondary:#1a1a1a;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#fff;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--sidebar-width:280px;--header-height:64px}.text-primary{color:#05cd82;color:var(--vroong-green)}.text-secondary{color:#1a1a1a;color:var(--vroong-secondary)}.text-blue{color:#0091ff;color:var(--vroong-blue)}.text-gray-500{color:#6b7280;color:var(--color-gray-500)}.text-gray-600{color:#4b5563;color:var(--color-gray-600)}.text-gray-700{color:#374151;color:var(--color-gray-700)}.text-gray-900{color:#111827;color:var(--color-gray-900)}.bg-primary{background-color:#05cd82;background-color:var(--vroong-green)}.bg-blue{background-color:#0091ff;background-color:var(--vroong-blue)}.bg-white{background-color:#fff;background-color:var(--color-white)}.bg-gray-50{background-color:#f9fafb;background-color:var(--color-gray-50)}.bg-gray-100{background-color:#fff;background-color:var(--color-gray-100)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.rounded{border-radius:.375rem;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--border-radius-lg)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;gap:var(--spacing-2);height:-webkit-fit-content;height:fit-content;justify-content:center;min-height:42px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#05cd82;background-color:var(--vroong-green);color:#fff;color:var(--color-white)}.btn-primary:hover{background-color:#04b374;background-color:var(--vroong-green-dark)}.btn-blue{background-color:#0091ff;background-color:var(--vroong-blue);color:#fff;color:var(--color-white)}.btn-blue:hover{background-color:#007ce6;background-color:var(--vroong-blue-dark)}.btn-secondary{background-color:#fff;background-color:var(--color-white);border:1px solid #d1d5db;border:1px solid var(--color-gray-300);color:#374151;color:var(--color-gray-700)}.btn-secondary:hover{background-color:#f9fafb;background-color:var(--color-gray-50)}.card{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200)}.card-body,.card-header{padding:1.5rem;padding:var(--spacing-6)}.badge{align-items:center;border-radius:.75rem;border-radius:var(--border-radius-xl);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger,.badge-error{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-neutral{background-color:#f3f4f6;color:#374151}.table{background-color:#fff;background-color:var(--color-white);border-collapse:collapse;border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);padding:1rem;padding:var(--spacing-4);text-align:left}.table th{color:#374151;color:var(--color-gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.table th,.table tr:hover{background-color:#f9fafb;background-color:var(--color-gray-50)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.form-label{color:#374151;color:var(--color-gray-700);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.stat-card{background:linear-gradient(135deg,#05cd82,#04b374);background:linear-gradient(135deg,var(--vroong-green) 0,var(--vroong-green-dark) 100%);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--color-white);padding:1.5rem;padding:var(--spacing-6)}.stat-card.blue{background:linear-gradient(135deg,#0091ff,#007ce6);background:linear-gradient(135deg,var(--vroong-blue) 0,var(--vroong-blue-dark) 100%)}.stat-value{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.stat-label{font-size:.875rem;font-size:var(--font-size-sm);opacity:.9}.layout{background-color:var(--color-gray-50);display:flex;height:100vh;overflow-x:hidden}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);height:var(--header-height);justify-content:space-between;left:var(--sidebar-width);padding:0 var(--spacing-6);position:fixed;right:0;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-4)}.header-title{color:var(--color-gray-900);font-size:1.25rem;font-weight:600;margin:0}.header-right{align-items:center;display:flex;gap:var(--spacing-4)}.user-menu{position:relative}.user-info{align-items:center;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);transition:background-color .2s ease}.user-info:hover{background-color:var(--color-gray-50)}.user-avatar{align-items:center;background-color:var(--vroong-primary);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;width:32px}.user-dropdown-item{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);display:block;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:background-color .2s ease}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background-color:var(--color-gray-50)}.sidebar{background-color:var(--color-white);border-right:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:200}.sidebar-header{align-items:center;background-color:#e8f9f1;border-bottom:1px solid var(--color-gray-200);display:flex;height:var(--header-height);justify-content:center;padding:0 var(--spacing-4)}.sidebar-logo{height:auto;max-width:180px;width:100%}.logo{align-items:center;background-color:var(--vroong-green);border-radius:var(--border-radius-lg);color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:700;height:40px;justify-content:center;width:40px}.sidebar-nav{padding:var(--spacing-4) 0}.nav-group{margin-bottom:var(--spacing-2)}.nav-item{position:relative}.nav-link{align-items:center;border-left:3px solid #0000;color:var(--color-gray-700);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:var(--color-gray-50);color:var(--vroong-green)}.nav-link.active{background-color:#f0fdf9;border-left-color:var(--vroong-green);color:var(--vroong-green);font-weight:500}.nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.nav-arrow{margin-left:auto;transition:transform .2s ease}.nav-link.expanded .nav-arrow{transform:rotate(90deg)}.nav-sublink{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-6) var(--spacing-2) calc(var(--spacing-6) + var(--spacing-8));text-decoration:none;transition:all .2s ease}.nav-sublink:hover{background-color:var(--color-gray-100);color:var(--vroong-green)}.nav-sublink.active{background-color:var(--color-white);color:var(--vroong-green);font-weight:500}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden}.content-wrapper{margin-top:calc(var(--header-height) + 48px);max-width:100%;overflow-x:hidden;padding:var(--spacing-6)}.page-header{margin-bottom:var(--spacing-6)}.page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-2)}.page-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base)}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.header{left:0}.main-content{margin-left:0}.mobile-menu-btn{background:none;border:none;color:var(--color-gray-700);cursor:pointer;display:block;font-size:var(--font-size-lg)}.sidebar-logo{max-width:150px}.header-title{font-size:1rem}}@media (min-width:769px){.mobile-menu-btn{display:none}}.tabs-container{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:0 2px 4px #0000000d;height:50px;left:var(--sidebar-width);position:fixed;right:0;top:var(--header-height);z-index:90}.tabs-header{align-items:stretch;display:flex;gap:var(--spacing-1);height:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-1) var(--spacing-4);white-space:nowrap}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-track{background:var(--color-gray-100)}.tabs-header::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:2px}.tab{align-items:center;border:none;border-radius:0;color:var(--color-gray-900);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);max-width:200px;overflow:hidden;padding:0 var(--spacing-3);position:relative;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.tab:hover{background-color:var(--color-gray-100)}.tab.active{color:var(--vroong-green);font-weight:500}.tab.active:after{background-color:var(--vroong-green);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-label{overflow:hidden;text-overflow:ellipsis}.tab-close{align-items:center;background-color:initial;border:none;border-radius:50%;color:currentColor;cursor:pointer;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;margin-left:var(--spacing-1);opacity:.7;padding:0;transition:all .2s ease;width:16px}.tab-close:hover{background-color:#0000001a;opacity:1}.tab.active .tab-close:hover{background-color:#fff3}.close-all-tabs-btn{align-items:center;background-color:initial;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-600);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-left:auto;padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease;white-space:nowrap}.close-all-tabs-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-700)}.close-all-tabs-btn i{font-size:.75rem}.tab-content{display:none}.tab-content.active{display:block}@media (max-width:768px){.tabs-container{left:0}.tab{font-size:.8rem;max-width:150px;padding:0 var(--spacing-2)}.close-all-tabs-btn{font-size:.8rem;padding:var(--spacing-1) var(--spacing-2)}}
/*# sourceMappingURL=main.32de7a93.css.map*/