*{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-group{gap:.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{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--vroong-border);border-radius:8px;cursor:pointer;display:flex;flex:1 1;padding:12px 16px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.radio-option:hover{background:#05cd820d;border-color:#05cd82;border-color:var(--vroong-green)}.radio-option input[type=radio]{display:none}.radio-checkmark{border:2px solid #e5e7eb;border:2px solid var(--vroong-border);border-radius:50%;flex-shrink:0;height:18px;margin-right:10px;position:relative;transition:all .3s ease;width:18px}.radio-option input[type=radio]:checked~.radio-checkmark{background:#fff;border-color:#05cd82;border-color:var(--vroong-green)}.radio-option input[type=radio]:checked~.radio-checkmark:after{background:#05cd82;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:#05cd82;color:var(--vroong-green);font-weight:600}.radio-label{color:#666;color:var(--vroong-gray);font-size:.95rem;transition:all .3s ease}.forgot-password,.radio-option:hover .radio-label{color:#05cd82;color:var(--vroong-green)}.forgot-password{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}.divider{margin:2rem 0;position:relative;text-align:center}.divider:before{background:#e5e7eb;background:var(--vroong-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;color:var(--vroong-gray);font-size:.9rem;padding:0 1rem;position:relative}.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 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}.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-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}.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}.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%}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px;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}}.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-color:var(--color-white);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)}.filter-row{flex-wrap:wrap;gap:var(--spacing-6)}.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);overflow-x:auto}.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-weight:600}.supplier-selection-table td,.supplier-selection-table th{font-size:.875rem;overflow:hidden;padding:var(--spacing-4);text-align:center;white-space:nowrap}.supplier-selection-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900)}.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}.text-right{text-align:right}.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:180px}.supplier-selection-table .date-input-wrapper input[type=text]{min-width:150px}.filter-section .date-input-wrapper{min-width:200px}.filter-section .date-input-wrapper input[type=text]{min-width:180px}.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%}}.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:var(--spacing-6)}.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{max-width:1400px}.dashboard-header{margin-bottom:var(--spacing-6)}.dashboard-page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-2)}.dashboard-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base)}.stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-6)}.stat-icon{align-items:center;border-radius:var(--border-radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:64px;justify-content:center;width:64px}.stat-content{flex:1 1}.stat-label{color:var(--color-gray-600)}.stat-value{color:var(--color-white)}.stat-change{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-1)}.dashboard-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-6)}.dashboard-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:hidden}.card-title{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}.card-title i{color:var(--vroong-green)}.card-content{padding:var(--spacing-6)}.chart-placeholder{align-items:center;color:var(--color-gray-400);display:flex;flex-direction:column;justify-content:center;min-height:300px}.notification-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.notification-item{background-color:var(--color-gray-50);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:background-color .2s ease}.notification-item:hover{background-color:var(--color-gray-100)}.notification-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.notification-icon.success{background-color:var(--color-success)}.notification-icon.info{background-color:var(--color-info)}.notification-icon.warning{background-color:var(--color-warning)}.notification-content{flex:1 1}.notification-title{color:var(--color-gray-900);font-weight:600}.notification-text,.notification-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.notification-text{color:var(--color-gray-600)}.notification-time{color:var(--color-gray-400);font-size:var(--font-size-xs)}.quick-actions{margin-top:var(--spacing-6)}.section-title{font-weight:600;margin-bottom:var(--spacing-4)}.action-buttons{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-3);justify-content:center;padding:var(--spacing-5);transition:all .2s ease}.action-btn:hover{background-color:#f0fdf9;border-color:var(--vroong-green);box-shadow:var(--shadow-md);color:var(--vroong-green);transform:translateY(-2px)}.action-btn i{font-size:var(--font-size-xl)}@media (max-width:1024px){.dashboard-main{margin-left:0}.dashboard-content{padding:var(--spacing-4)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:var(--spacing-4)}.dashboard-page-title{font-size:var(--font-size-xl)}.action-buttons{grid-template-columns:1fr}.stat-card{padding:var(--spacing-4)}.stat-icon{font-size:1.25rem;height:48px;width:48px}.stat-value{font-size:var(--font-size-xl)}}.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;display:inline-block;font-weight:600;padding:.15rem .5rem}.badge-info{background-color:#e0f2fe;color:#075985}.rider-status-content{overflow-x:visible!important;padding:0;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-x:visible!important}.rider-status-content .card:last-child{margin-bottom:0}.rider-status-content .card-body{box-sizing:border-box;overflow-x:visible!important;padding:var(--spacing-6)}.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 .filter-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr) auto}.rider-status-content .filter-form.supplier-view{grid-template-columns:repeat(4,1fr) auto}.rider-status-content .filter-form .form-group{display:flex;flex-direction:column}.rider-status-content .filter-form .form-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem}.rider-status-content .filter-form .form-input{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);padding:.75rem;transition:border-color .2s ease;width:100%}.rider-status-content .filter-form .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.rider-status-content .filter-form .form-input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.rider-status-content .btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-2);height:-webkit-fit-content;height:fit-content;justify-content:center;min-height:42px;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all .2s ease}.rider-status-content .btn-primary{background-color:var(--vroong-green);color:var(--color-white)}.rider-status-content .btn-primary:hover{background-color:var(--vroong-green-dark)}.rider-status-content .filter-form .btn{font-weight:500;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem}.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;max-width:100%;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:80px;padding-left:.5rem!important;padding-right:.5rem!important;text-align:center!important}.rider-status-content .table td:nth-child(2),.rider-status-content .table th:nth-child(2){min-width:120px}.rider-status-content .table td:nth-child(3),.rider-status-content .table th:nth-child(3){min-width:90px}.rider-status-content .table td:nth-child(4),.rider-status-content .table th:nth-child(4){min-width:100px}.rider-status-content .table td:nth-child(5),.rider-status-content .table th:nth-child(5){min-width:90px}.rider-status-content .table td:nth-child(6),.rider-status-content .table th:nth-child(6){min-width:120px}.rider-status-content .table td:nth-child(7),.rider-status-content .table td:nth-child(8),.rider-status-content .table th:nth-child(7),.rider-status-content .table th:nth-child(8){min-width:90px}.rider-status-content .table td:nth-child(10),.rider-status-content .table td:nth-child(9),.rider-status-content .table th:nth-child(10),.rider-status-content .table th:nth-child(9){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 .filter-form{gap:1rem;grid-template-columns:repeat(3,1fr)}.rider-status-content .filter-form.supplier-view{grid-template-columns:repeat(2,1fr)}.rider-status-content .filter-form .form-group:last-child{display:flex;flex-direction:row;grid-column:1/-1;justify-content:flex-end}.rider-status-content .table{max-width:100%;width:100%}}@media (max-width:768px){.rider-status-content .page-title{font-size:var(--font-size-xl)}.rider-status-content .filter-form{gap:1rem;grid-template-columns:1fr}.rider-status-content .filter-form.supplier-view{grid-template-columns:1fr}.rider-status-content .filter-form .form-group:last-child{grid-column:1;justify-content:stretch}.rider-status-content .filter-form .btn{width:100%}.rider-status-content .table{font-size:var(--font-size-xs);max-width:100%;width:100%}.rider-status-content .table td,.rider-status-content .table th{padding:.5rem .25rem;white-space:nowrap}.rider-status-content .badge{font-size:.625rem;padding:.125rem .5rem}}@media (max-width:480px){.rider-status-content .table{max-width:100%;width:100%}.rider-status-content .table td,.rider-status-content .table th{font-size:.625rem;padding:.25rem .125rem}.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 .pagination-container{display:flex;justify-content:center;margin-top:.75rem}.rider-info-detail-page,.rider-info-detail-page .page-container{max-width:100%;overflow-x:hidden}.rider-info-detail-page .error-container,.rider-info-detail-page .loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-8)}.rider-info-detail-page .error-container{color:var(--color-error);flex-direction:column}.rider-info-detail-page .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-page .retry-button:hover{background-color:var(--vroong-green-dark)}.rider-info-detail-page .page-header{margin-bottom:var(--spacing-6)}.rider-info-detail-page .page-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 var(--spacing-2) 0}.rider-info-detail-page .section-margin{margin-bottom:var(--spacing-6)}.rider-info-detail-page .section-title{color:var(--vroong-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4)}.rider-info-detail-page .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;gap:var(--spacing-8);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.rider-info-detail-page .account-section{align-items:center;display:flex;gap:var(--spacing-2);min-width:200px}.rider-info-detail-page .account-label-container{align-items:center;display:flex}.rider-info-detail-page .account-label{color:var(--color-gray-900);flex:none;flex-grow:1;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);order:0;width:100px}.rider-info-detail-page .account-input-container{align-items:center;display:flex}.rider-info-detail-page .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;outline:none;padding:var(--spacing-3) var(--spacing-4);transition:border-color .2s ease;width:200px}.rider-info-detail-page .form-input:focus{border:1px solid var(--vroong-primary);box-shadow:0 0 0 3px #05cd821a}.rider-info-detail-page .form-input:focus-visible{border:1px solid var(--vroong-primary);outline:1px solid var(--vroong-primary);outline-offset:0}.rider-info-detail-page .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-page .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-page .basic-info-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.rider-info-detail-page .basic-info-column{display:flex;flex-direction:column;gap:var(--spacing-4)}.rider-info-detail-page .basic-info-row{align-items:center;display:flex;gap:var(--spacing-4)}.rider-info-detail-page .basic-info-label{color:var(--color-gray-700);font-weight:600;min-width:120px}.rider-info-detail-page .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-page .deduction-table{border-collapse:collapse;margin-top:var(--spacing-4);width:100%}.rider-info-detail-page .deduction-table thead{display:table-header-group;visibility:visible}.rider-info-detail-page .deduction-table thead tr{display:table-row;visibility:visible}.rider-info-detail-page .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-page .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-page .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-page .deduction-table th:not(:first-child):not(:last-child){border-radius:0}.rider-info-detail-page .deduction-table td{border:none;border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-3);text-align:center}.rider-info-detail-page .deduction-table .empty-deduction-message{color:#6b7280;padding:2rem;text-align:center}@media (max-width:1024px){.rider-info-detail-page .account-info-grid{align-items:stretch;flex-direction:column;gap:var(--spacing-6)}.rider-info-detail-page .account-section{align-items:stretch;flex-direction:column;gap:var(--spacing-2);min-width:auto}.rider-info-detail-page .account-label{margin-bottom:var(--spacing-2);width:auto}.rider-info-detail-page .form-input{width:100%}.rider-info-detail-page .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-page .basic-info-grid{gap:var(--spacing-4);grid-template-columns:1fr}.rider-info-detail-page .basic-info-row{align-items:stretch;flex-direction:column;gap:var(--spacing-2)}.rider-info-detail-page .basic-info-label{min-width:auto}}@media (max-width:768px){.rider-info-detail-page .section-title{font-size:var(--font-size-base)}.rider-info-detail-page .account-info-grid,.rider-info-detail-page .basic-info-container,.rider-info-detail-page .deduction-container{padding:var(--spacing-4)}.rider-info-detail-page .deduction-table{font-size:var(--font-size-sm)}.rider-info-detail-page .deduction-table td,.rider-info-detail-page .deduction-table th{padding:var(--spacing-2)}.rider-info-detail-page .account-info-grid{gap:var(--spacing-4)}.rider-info-detail-page .account-save-button{font-size:var(--font-size-base);font-weight:500;margin-left:0;margin-top:var(--spacing-2);width:100%}}.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-form{align-items:flex-end!important;display:flex!important;flex-wrap:wrap!important;gap:1rem!important;grid-template-columns:none!important}.account-rider .form-group{align-self:auto!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:.5rem;grid-column:unset!important;max-width:200px!important;min-width:200px!important;overflow:visible!important;position:relative;width:200px!important;z-index:10}.account-rider .form-group:has(.btn-primary){margin-left:-.5rem;max-width:none!important;min-width:auto!important;width:auto!important}@media (max-width:1366px){.account-rider .form-group{min-width:200px;width:200px}}@media (max-width:1200px){.account-rider .form-group{min-width:200px;width:200px}}@media (max-width:1024px){.account-rider .form-group{min-width:200px;width:200px}}@media (max-width:768px){.account-rider .search-form{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:1rem!important;grid-template-columns:none!important}.account-rider .form-group{flex:1 1 100%!important;margin-left:0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.account-rider .form-group:has(.btn-primary){flex:1 1 100%!important;margin-left:0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.account-rider .form-input,.account-rider select.form-input{box-sizing:border-box!important;max-width:100%!important;min-width:100%!important;width:100%!important}.account-rider .btn-primary{margin-top:1.625rem;width:100%!important}}.account-rider .form-label{color:var(--color-gray-700);font-size:.875rem;font-weight:500;margin:0}.account-rider .form-input{background-color:#fff!important;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box!important;font-size:var(--font-size-sm);height:auto;max-width:100%!important;min-height:42px;min-width:100%!important;padding:.75rem;transition:all .2s ease;width:100%!important}.account-rider .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #10b9811a;outline:none}.account-rider .form-input::placeholder{color:var(--color-gray-400)}.account-rider select.form-input{appearance:none;-webkit-appearance:none;-moz-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='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;box-sizing:border-box!important;overflow:visible!important;padding-right:2.5rem!important;width:100%!important;z-index:1000}.account-rider select.form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a}.account-rider select.form-input option{background-color:#fff;border:1px solid var(--color-gray-300);color:var(--color-gray-900);font-size:.875rem;line-height:1.25rem;padding:.5rem}.account-rider select.form-input:focus{border-color:var(--vroong-green)!important;box-shadow:0 0 0 3px #05cd821a,0 0 0 1px var(--color-gray-300);outline:none}.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;align-self:flex-end;background-color:var(--vroong-green);color:var(--color-white);display:flex;height:42px;justify-content:center;margin-top:1.625rem;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:14%}.account-rider .table td:nth-child(2),.account-rider .table th:nth-child(2){width:10%}.account-rider .table td:nth-child(3),.account-rider .table th:nth-child(3){min-width:100px;white-space:nowrap;width:12%}.account-rider .table td:nth-child(4),.account-rider .table th:nth-child(4){width:10%}.account-rider .table td:nth-child(5),.account-rider .table th:nth-child(5){text-align:center!important;width:9%}.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:120px;white-space:nowrap;width:12%}.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:9%}.account-rider .table td:nth-child(10),.account-rider .table th:nth-child(10){text-align:center!important;width:14%}.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:.2rem;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:.7rem;max-width:55px;min-width:45px;padding:.25rem .4rem;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:#6b7280;color:#fff}.account-rider .btn-limit{background-color:#ef4444;color:#fff}.account-rider .btn-limit.disabled{background-color:#6b7280;color:#fff}.account-rider .btn-limit.allow{background-color:#3b82f6;color:#fff}.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: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:row;gap:.15rem}.account-rider .action-buttons .btn{font-size:.65rem;max-width:52px;min-width:42px;padding:.25rem .35rem}}.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-management{overflow-x:visible!important;padding:0}.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-form{align-items:end;display:grid;grid-template-columns:200px 200px 210px auto;overflow:visible}.account-management .search-form .form-group:last-child{align-self:end;grid-column:4}.account-management .search-form .form-group{display:flex;flex-direction:column;overflow:visible;position:relative;width:90%;z-index:10}.account-management .search-form .form-label{color:var(--color-gray-700);font-weight:500;margin-bottom:.5rem}.account-management .search-form .form-input{background-color:#fff!important;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;font-size:var(--font-size-sm);height:auto!important;min-height:auto!important;padding:.75rem;transition:border-color .2s ease;width:100%}.account-management .search-form .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.account-management .search-form select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--color-gray-300)!important;border-radius:var(--border-radius-md);box-sizing:border-box;height:auto!important;min-height:auto!important;padding-right:2.5rem!important;position:relative;width:100%!important;z-index:11}.account-management .search-form select.form-input:focus{border-color:var(--vroong-green)!important;box-shadow:0 0 0 3px #05cd821a;outline:none}.account-management .search-form select.form-input option{background-color:#fff;border:1px solid var(--color-gray-300);padding:.5rem}.account-management .search-form .btn{height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem;width:100px}.account-management-content .search-form .search-btn{align-items:center!important;display:inline-flex!important;font-size:.875rem!important;font-weight:500!important;height:-webkit-fit-content!important;height:fit-content!important;justify-content:center!important;min-height:auto!important;min-width:auto!important;padding:.5rem .75rem!important;width:100%!important}@media (min-width:1200px){.account-management-content .search-form .search-btn{font-size:.9rem!important;min-width:120px!important;padding:.75rem 1.5rem!important}}@media (max-width:768px){.account-management-content .search-form .search-btn{font-size:.8rem!important;min-width:80px!important;padding:.4rem .6rem!important}}@media (max-width:480px){.account-management-content .search-form .search-btn{font-size:.75rem!important;min-width:60px!important;padding:.3rem .5rem!important}}.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:18%}.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:12%}.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:9%}.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:12%}.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:10%}.account-management .table td:nth-child(9),.account-management .table th:nth-child(9){padding:.5rem .2rem .5rem .25rem;text-align:center!important;width:13%}.badge{border-radius:var(--border-radius-md);letter-spacing:.025em;text-transform:uppercase}.badge-success{background-color:#d1fae5;color:#065f46}.badge-neutral{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-danger{color:#dc2626}.badge-grade-none{background-color:initial;color:var(--color-gray-700)}.badge-grade-bronze{background-color:#edd5b8;color:#8b4513}.badge-grade-silver{background-color:#e8e8e8;color:#4a4a4a}.badge-grade-gold{background-color:#ffe87c;color:#b8860b}.badge-grade-diamond{background-color:#b9f2ff;color:#06c}.badge-grade-master{background-color:#e0b0ff;color:#6a0dad}.account-management .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:.2rem;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:.7rem;max-width:55px;min-width:45px;padding:.25rem .4rem;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:#6b7280;color:#fff}.account-management .btn-request{background-color:#3b82f6;color:#fff}.account-management .btn-limit{background-color:#ef4444;color:#fff}.account-management .btn-limit.disabled{background-color:#6b7280;color:#fff}.account-management .btn-limit.allow{background-color:#3b82f6;color:#fff}.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:1366px){.account-management .action-buttons .btn{font-size:.65rem;max-width:52px;min-width:42px;padding:.2rem .35rem}.account-management .action-buttons{gap:.15rem}.account-management .table td:nth-child(9),.account-management .table th:nth-child(9){padding:.5rem .15rem .5rem .5rem}}@media (max-width:1200px){.account-management .search-form{gap:1rem;grid-template-columns:1fr 1fr}.account-management .search-form .form-group:last-child{display:flex;flex-direction:row;grid-column:1/-1;justify-content:flex-end}.account-management .table{max-width:100%;width:100%}}@media (max-width:768px){.account-management .search-form{display:flex;flex-direction:column;gap:1rem}.account-management .search-form .form-group{margin-right:0;min-width:0;min-width:auto;width:100%}.account-management .search-form .form-group:last-child{grid-column:unset;justify-content:stretch}.account-management .search-form .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:row;gap:.15rem}.account-management .action-buttons .btn{font-size:.65rem;max-width:52px;min-width:42px;padding:.25rem .35rem}}@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}.delivery-history-page{margin:0 auto}.delivery-history-page .page-header{margin-bottom:2rem}.delivery-history-page .page-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.delivery-history-page .page-subtitle{color:#6b7280;font-size:1rem;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-card{margin-bottom:1.5rem}.delivery-history-page .form-group{margin-bottom:var(--spacing-4)}.delivery-history-page .form-label{color:var(--color-gray-700);display:block;font-weight:500;margin-bottom:var(--spacing-2)}.delivery-history-page .form-input{background-color:#fff!important;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-sizing:border-box;font-size:var(--font-size-base);min-height:42px;padding:var(--spacing-3);transition:border-color .2s ease;width:100%}.delivery-history-page .form-input:focus{border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}.delivery-history-page select.form-input{appearance:none;-webkit-appearance:none;-moz-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='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;padding-right:2.5rem}.delivery-history-page .search-form{align-items:end;display:flex;gap:1rem;overflow:visible}.delivery-history-page .search-form .form-group{flex:0 1 auto;min-width:220px;overflow:visible;position:relative;z-index:10}.delivery-history-page .search-button-container{display:flex;flex:0 0 auto}.delivery-history-page .btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-2);height:-webkit-fit-content;height:fit-content;justify-content:center;min-height:42px;padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all .2s ease}.delivery-history-page .btn-primary{background-color:var(--vroong-green);color:var(--color-white)}.delivery-history-page .btn-primary:hover{background-color:var(--vroong-green-dark)}.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;vertical-align:middle;white-space:normal;word-break:keep-all}.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) 1rem;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) 1rem;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) .5rem!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 var(--spacing-4) .5rem!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) .5rem!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) .5rem!important;white-space:nowrap}.delivery-history-page .delivery-table td:nth-child(12),.delivery-history-page .delivery-table th:nth-child(12){min-width:100px;overflow:visible;padding:var(--spacing-4) .5rem var(--spacing-4) 1rem!important;white-space:normal;width:10%;word-break:break-word}.delivery-history-page .delivery-table td:nth-child(13),.delivery-history-page .delivery-table th:nth-child(13){min-width:130px;overflow:visible;padding:var(--spacing-4) 1rem var(--spacing-4) 0!important;white-space:nowrap;width:12%}.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 .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{overflow-x:auto;width:100%}.delivery-history-page .search-form select.form-input{background-color:#fff!important;border-bottom:1px solid var(--color-gray-300)!important;border:1px solid var(--color-gray-300)!important;position:relative;z-index:11}.delivery-history-page .search-form select.form-input:focus{border-color:var(--vroong-green)!important;border-bottom:1px solid var(--vroong-green)!important}@media (max-width:1366px){.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:768px){.delivery-history-page .search-form{flex-direction:column;gap:1rem}.delivery-history-page .search-form .form-group{min-width:0;min-width:auto;width:100%}.delivery-history-page .search-form .form-group:not(:last-child){margin-right:0}.delivery-history-page .search-button-container{align-self:flex-start;margin-left:.2rem}.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}}.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{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3)}.supplier-form-grid{grid-gap:var(--spacing-4);align-items:start;display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr) auto}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-weight:600}.form-input,.form-label{font-size:var(--font-size-sm)}.form-input{font-family:inherit;transition:all .2s ease}.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)}.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-value{color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-base);font-weight:500}.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)}@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)}}*{-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:#f3f4f6;--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:#f3f4f6;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)}.form-input{background-color:#f3f4f6;background-color:var(--color-gray-100);border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:.375rem;border-radius:var(--border-radius-md);box-sizing:border-box;font-size:1rem;font-size:var(--font-size-base);min-height:42px;padding:.75rem;padding:var(--spacing-3);transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#05cd82;border-color:var(--vroong-green);box-shadow:0 0 0 3px #05cd821a;outline:none}select.form-input{appearance:none;-webkit-appearance:none;-moz-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='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;padding-right:2.5rem}.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:var(--vroong-green);border-bottom:1px solid #0000001a;display:flex;height:var(--header-height);justify-content:center;padding:0 var(--spacing-4)}.sidebar-logo{filter:brightness(0) invert(1);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.56c414c3.css.map*/