:root{--toyota-red: #eb0a1e;--toyota-black: #1c1c1c;--toyota-gray-1: #888888;--toyota-gray-2: #ddd;--toyota-gray-3: #5C5C5C;--toyota-black-0: #000000;--body1: 16px;--body2: 14px}.login-shell{min-height:100vh;width:100%;background:#fff}.login-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #D7D7D7;background:#fff}.login-header__left,.login-header__logo-container{display:flex;align-items:center;gap:8px}.login-header__logo{height:28px;width:auto;flex-shrink:0}.login-header__brand{color:var(--toyota-black-0);font-weight:600;font-size:14px;line-height:140%;letter-spacing:0;vertical-align:middle}.login-header__divider{width:1px;height:21px;background:#b1b1b1}.login-header__sub{font-size:14px;color:var(--toyota-gray-1);line-height:20px}.login-header__right{display:flex;align-items:center}.login-header__btn{padding:10px 16px;border:none;border-radius:8px;background:var(--toyota-black);color:#fff;font-size:14px;font-weight:600;cursor:pointer;line-height:140%}.login-page{display:flex;min-height:calc(100vh - 64px);width:100%}.login-page-left{width:50%;background:#ededed;display:flex;align-items:center;justify-content:center;padding:48px 100px;overflow:hidden}.login-illustration{width:100%;max-width:520px;height:auto;object-fit:contain}.login-page-right{width:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 64px}.login-form{display:flex;flex-direction:column;width:100%;max-width:448px;padding:0}.login-title{font-size:40px;line-height:120%;font-weight:700;color:var(--toyota-black);margin:0 0 24px;text-align:center;letter-spacing:0}.login-description{font-size:14px;line-height:1.6;color:var(--toyota-gray-3);margin:0 0 40px;text-align:center}.login-form-container{display:flex;flex-direction:column;gap:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-field{position:relative;width:100%}.login-field input{width:100%;height:48px;padding:0 12px 0 44px;box-sizing:border-box;border:1px solid #B5B5B5;border-radius:8px;color:#1c1c1c;background-color:#fff;transition:border-color .15s ease;font-weight:400;font-size:var(--body1);line-height:140%}.login-field input::placeholder{color:#888;opacity:1}.login-field input:focus{outline:none;border-color:var(--toyota-black)}.login-field input:-webkit-autofill,.login-field input:-webkit-autofill:hover,.login-field input:-webkit-autofill:focus{background-color:#fff;color:var(--toyota-black);-webkit-text-fill-color:var(--toyota-black);box-shadow:0 0 0 1000px #fff inset}.login-field__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none}.login-field__icon img{width:24px;height:24px}.login-field__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.login-field__toggle img{width:24px;height:24px}.login-forgot{background:none;border:none;color:#eb0a1e;font-size:var(--body2);font-weight:600;cursor:pointer;padding:0;margin:0;text-align:left;line-height:30px}.login-forgot:hover{text-decoration:underline}.login-error{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ffebee;font-size:14px;line-height:1.4;color:var(--toyota-black)}.login-error__icon{flex-shrink:0;width:20px;height:20px}.login-button{width:100%;height:54px;border-radius:10px;border:none;background:var(--toyota-black);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .15s ease}.login-button:hover:not(:disabled){background:#333}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:0;color:var(--toyota-gray-1);font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--toyota-gray-2)}.login-button--entra{display:flex;align-items:center;justify-content:center;gap:10px;background:#2f2f2f;margin-top:0}.login-button--entra:hover:not(:disabled){background:#1a1a1a}.login-button__icon{flex-shrink:0;width:20px;height:20px}@media (max-width: 960px){.login-page-left{flex:0 0 35%;padding:24px}.login-page-right{padding:32px 40px}}@media (max-width: 768px){.login-page{flex-direction:column}.login-page-left{flex:none;min-height:30vh;padding:24px}.login-illustration{max-width:320px}.login-page-right{align-items:flex-start;padding:32px 24px}}@media (max-width: 420px){.login-title{font-size:28px}}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:Toyota Type,Helvetica Neue,Arial,sans-serif}#root{height:100vh;width:100vw}:root{--toyota-red: #EB0A1E;--toyota-red-dark: #C8091A;--toyota-red-light: #FF1E32;--toyota-gray-900: #1A1A1A;--toyota-gray-800: #2D2D2D;--toyota-gray-700: #404040;--toyota-gray-600: #666666;--toyota-gray-500: #808080;--toyota-gray-400: #999999;--toyota-gray-300: #CCCCCC;--toyota-gray-200: #E6E6E6;--toyota-gray-100: #F5F5F5;--toyota-gray-50: #FAFAFA;--toyota-white: #FFFFFF;--toyota-black: #000000;--toyota-success: #28A745;--toyota-warning: #FFC107;--toyota-error: #DC3545;--toyota-info: #17A2B8;--toyota-font-family: "Toyota Type", "Helvetica Neue", Arial, sans-serif;--toyota-font-size-xs: .75rem;--toyota-font-size-sm: .875rem;--toyota-font-size-base: 1rem;--toyota-font-size-lg: 1.125rem;--toyota-font-size-xl: 1.25rem;--toyota-font-size-2xl: 1.5rem;--toyota-font-size-3xl: 1.875rem;--toyota-space-1: .25rem;--toyota-space-2: .5rem;--toyota-space-3: .75rem;--toyota-space-4: 1rem;--toyota-space-5: 1.25rem;--toyota-space-6: 1.5rem;--toyota-space-8: 2rem;--toyota-space-10: 2.5rem;--toyota-space-12: 3rem;--toyota-border-radius: 4px;--toyota-border-radius-lg: 8px;--toyota-border-width: 1px;--toyota-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--toyota-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--toyota-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.toyota-container{max-width:1200px;margin:0 auto;padding:0 var(--toyota-space-4)}.toyota-card{background:var(--toyota-white);border-radius:var(--toyota-border-radius);box-shadow:var(--toyota-shadow);padding:var(--toyota-space-6)}.toyota-btn{font-family:var(--toyota-font-family);font-size:var(--toyota-font-size-base);font-weight:600;padding:var(--toyota-space-3) var(--toyota-space-6);border-radius:var(--toyota-border-radius);border:var(--toyota-border-width) solid transparent;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--toyota-space-2)}.toyota-btn:focus{outline:2px solid var(--toyota-red);outline-offset:2px}.toyota-btn-primary{background-color:var(--toyota-red);color:var(--toyota-white)}.toyota-btn-primary:hover{background-color:var(--toyota-red-dark)}.toyota-btn-secondary{background-color:var(--toyota-gray-100);color:var(--toyota-gray-800);border-color:var(--toyota-gray-300)}.toyota-btn-secondary:hover{background-color:var(--toyota-gray-200)}.toyota-input{font-family:var(--toyota-font-family);font-size:var(--toyota-font-size-base);padding:var(--toyota-space-3);border:var(--toyota-border-width) solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);width:100%;transition:border-color .2s ease}.sidebar{width:280px;background:#1a1a1a;color:#fff;padding:1.5rem;display:flex;flex-direction:column;min-height:100vh}.sidebar-header{margin-bottom:2rem}.toyota-logo{background:#eb0a1e;padding:.5rem 1rem;border-radius:4px;font-weight:700;display:inline-block;margin-bottom:.5rem}.sidebar-header h2{font-size:1rem;color:#ccc;font-weight:400}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;color:#666;text-transform:uppercase;margin-bottom:.5rem;padding-left:.75rem;font-weight:600}.nav-item{width:100%;background:none;border:none;color:#ccc;padding:.75rem;text-align:left;cursor:pointer;border-radius:4px;border-left:3px solid transparent;display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem;text-decoration:none;transition:all .2s ease}.nav-item:hover,.nav-item.active{background:#2d2d2d;color:#fff;border-left-color:#eb0a1e}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid #2D2D2D}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;background:#2d2d2d;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-details{flex:1}.user-name{display:block;font-weight:600;font-size:.875rem}.user-email{display:block;font-size:.75rem;color:#999}.logout-btn{width:100%;padding:.75rem;background:#2d2d2d;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .2s ease}.logout-btn:hover{background:#404040}.app-layout{display:flex;min-height:100vh;width:100%;margin:0;padding:0;gap:0}.app-layout.has-topbar{flex-direction:column}.main-content{flex:1;background:#fafafa;display:flex;flex-direction:column;min-height:0;margin:0;padding:0;min-width:0;overflow-y:auto}.content-header{background:#fff;padding:1rem 1.5rem;border-bottom:1px solid #E6E6E6;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin:0}.page-title{font-size:1.5rem;color:#1a1a1a;margin:0}.content-body{padding:0;flex:1;overflow-y:auto;min-height:0}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.input,.select{padding:.75rem;border:1px solid #CCC;border-radius:4px;font-size:1rem}.input:focus,.select:focus{outline:none;border-color:#eb0a1e;box-shadow:0 0 0 3px #eb0a1e1a}.btn{padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;border:1px solid transparent;font-size:1rem}.btn-primary{background:#eb0a1e;color:#fff;border-color:#eb0a1e}.btn-primary:hover{background:#c8091a}.btn-secondary{background:#f5f5f5;color:#2d2d2d;border-color:#ccc}.btn-secondary:hover{background:#e6e6e6}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid #E6E6E6}.table th{background:#fafafa;font-weight:600}.table tr:hover{background:#fafafa}.toyota-table{width:100%;border-collapse:collapse;font-family:var(--toyota-font-family)}.toyota-table th,.toyota-table td{padding:1rem;text-align:left;border-bottom:1px solid #E6E6E6}.toyota-table th{background-color:#fafafa;font-weight:600;color:#1a1a1a}.toyota-table tr:hover{background-color:var(--toyota-gray-50)}.toyota-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.toyota-badge.sedan{background:#e3f2fd;color:#1976d2}.toyota-badge.suv{background:#f3e5f5;color:#7b1fa2}.toyota-badge.pickup{background:#e8f5e9;color:#388e3c}.toyota-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.toyota-status.active{background:#e8f5e8;color:#2e7d32}.toyota-status.inactive{background:#ffebee;color:#c62828}.toyota-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.toyota-select{padding:.75rem;border:1px solid #CCCCCC;border-radius:4px;font-size:1rem;width:100%}.toyota-select:focus{outline:none;border-color:var(--toyota-red);box-shadow:0 0 0 3px #eb0a1e1a}.btn-xs{padding:var(--toyota-space-1) var(--toyota-space-2);font-size:var(--toyota-font-size-xs)}.btn-primary{background:var(--toyota-red);color:var(--toyota-white);border:1px solid var(--toyota-red);border-radius:var(--toyota-border-radius);cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--toyota-red-dark)}.btn-secondary{background:var(--toyota-gray-100);color:var(--toyota-gray-800);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--toyota-gray-200)}.btn-outline{background:transparent;color:var(--toyota-red);border:1px solid var(--toyota-red);border-radius:var(--toyota-border-radius);cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:var(--toyota-red);color:var(--toyota-white)}.btn-link{background:none;border:none;color:var(--toyota-red);cursor:pointer;text-decoration:underline;font-size:var(--toyota-font-size-sm)}.btn-link:hover{color:var(--toyota-red-dark)}.toyota-text-primary{color:var(--toyota-red)}.toyota-text-secondary{color:var(--toyota-gray-600)}.toyota-text-success{color:var(--toyota-success)}.toyota-text-error{color:var(--toyota-error)}.toyota-bg-primary{background-color:var(--toyota-red)}.toyota-bg-secondary{background-color:var(--toyota-gray-100)}.toyota-mb-4{margin-bottom:var(--toyota-space-4)}.toyota-mb-6{margin-bottom:var(--toyota-space-6)}.toyota-mt-4{margin-top:var(--toyota-space-4)}.toyota-mt-6{margin-top:var(--toyota-space-6)}.toyota-flex{display:flex}.toyota-flex-col{flex-direction:column}.toyota-items-center{align-items:center}.toyota-justify-between{justify-content:space-between}.toyota-gap-4{gap:var(--toyota-space-4)}.dashboard-container{padding:0;width:100%;margin:0}.dashboard-header{margin-bottom:var(--toyota-space-8)}.dashboard-header h1{color:var(--toyota-gray-900);font-size:var(--toyota-font-size-3xl);margin-bottom:var(--toyota-space-2)}.dashboard-header p{color:var(--toyota-gray-600);font-size:var(--toyota-font-size-lg)}.kpi-section{margin-bottom:var(--toyota-space-8)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--toyota-space-6)}.kpi-widget{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);padding:var(--toyota-space-6);box-shadow:var(--toyota-shadow);border-left:4px solid var(--toyota-red)}.kpi-widget.kpi-success{border-left-color:var(--toyota-success)}.kpi-widget.kpi-warning{border-left-color:var(--toyota-warning)}.kpi-widget.kpi-info{border-left-color:var(--toyota-info)}.kpi-header{display:flex;align-items:center;gap:var(--toyota-space-2);margin-bottom:var(--toyota-space-3)}.kpi-icon{font-size:var(--toyota-font-size-xl)}.kpi-title{color:var(--toyota-gray-600);font-size:var(--toyota-font-size-sm);font-weight:500}.kpi-value{font-size:var(--toyota-font-size-3xl);font-weight:700;color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-2)}.kpi-trend{font-size:var(--toyota-font-size-sm);font-weight:600}.kpi-trend.trend-up{color:var(--toyota-success)}.kpi-trend.trend-down{color:var(--toyota-error)}.kpi-trend.trend-neutral{color:var(--toyota-gray-500)}.search-section{margin-bottom:var(--toyota-space-8)}.global-search-widget{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);padding:var(--toyota-space-6);box-shadow:var(--toyota-shadow)}.search-container{position:relative;margin-bottom:var(--toyota-space-4)}.search-input-wrapper{display:flex;gap:var(--toyota-space-2)}.global-search-input{flex:1;padding:var(--toyota-space-4);border:2px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-base);transition:border-color .2s ease}.global-search-input:focus{outline:none;border-color:var(--toyota-red)}.search-button{padding:var(--toyota-space-4) var(--toyota-space-6);background:var(--toyota-red);color:var(--toyota-white);border:none;border-radius:var(--toyota-border-radius);cursor:pointer;font-size:var(--toyota-font-size-lg)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--toyota-white);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);box-shadow:var(--toyota-shadow-lg);z-index:1000;max-height:300px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:var(--toyota-space-3);padding:var(--toyota-space-3) var(--toyota-space-4);cursor:pointer;transition:background-color .2s ease}.suggestion-item:hover{background-color:var(--toyota-gray-50)}.suggestion-icon{font-size:var(--toyota-font-size-base)}.suggestion-text{flex:1;font-size:var(--toyota-font-size-base)}.suggestion-type{font-size:var(--toyota-font-size-xs);color:var(--toyota-gray-500);background:var(--toyota-gray-100);padding:var(--toyota-space-1) var(--toyota-space-2);border-radius:var(--toyota-border-radius)}.search-filters{display:flex;gap:var(--toyota-space-2);flex-wrap:wrap}.filter-chip{padding:var(--toyota-space-2) var(--toyota-space-4);border:1px solid var(--toyota-gray-300);border-radius:20px;background:var(--toyota-white);color:var(--toyota-gray-600);font-size:var(--toyota-font-size-sm);cursor:pointer;transition:all .2s ease}.filter-chip:hover{border-color:var(--toyota-red);color:var(--toyota-red)}.filter-chip.active{background:var(--toyota-red);color:var(--toyota-white);border-color:var(--toyota-red)}.widgets-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--toyota-space-6);margin-bottom:var(--toyota-space-8)}.widget{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow);overflow:hidden}.widget-header{padding:var(--toyota-space-6);border-bottom:1px solid var(--toyota-gray-200);display:flex;justify-content:space-between;align-items:center}.widget-header h3{margin:0;color:var(--toyota-gray-900);font-size:var(--toyota-font-size-xl)}.widget-actions{display:flex;gap:var(--toyota-space-2)}.filter-select,.filter-input{padding:var(--toyota-space-2) var(--toyota-space-3);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-sm)}.widget-footer{padding:var(--toyota-space-4) var(--toyota-space-6);border-top:1px solid var(--toyota-gray-200);text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--toyota-space-3);padding:var(--toyota-space-4)}.gallery-item{position:relative;aspect-ratio:4/3;border-radius:var(--toyota-border-radius);overflow:hidden;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-overlay{position:absolute;inset:0;background:#000000b3;color:var(--toyota-white);display:flex;flex-direction:column;justify-content:space-between;padding:var(--toyota-space-2);opacity:0;transition:opacity .2s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.item-info{font-size:var(--toyota-font-size-xs)}.item-model{display:block;font-weight:600}.item-color{display:block;opacity:.8}.pending-associations-widget .widget-header{position:relative}.pending-count{background:var(--toyota-red);color:var(--toyota-white);font-size:var(--toyota-font-size-xs);font-weight:600;padding:var(--toyota-space-1) var(--toyota-space-2);border-radius:12px;min-width:20px;text-align:center}.pending-list{padding:var(--toyota-space-4)}.pending-item{display:flex;align-items:center;gap:var(--toyota-space-3);padding:var(--toyota-space-3);border-radius:var(--toyota-border-radius);margin-bottom:var(--toyota-space-2);border-left:3px solid var(--toyota-gray-300)}.pending-item.priority-high{border-left-color:var(--toyota-error);background-color:#dc35450d}.pending-item.priority-medium{border-left-color:var(--toyota-warning);background-color:#ffc1070d}.pending-item.priority-low{border-left-color:var(--toyota-info);background-color:#17a2b80d}.item-icon{font-size:var(--toyota-font-size-lg)}.item-content{flex:1}.item-title{font-weight:600;color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-1)}.item-description{font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);margin-bottom:var(--toyota-space-1)}.item-meta{display:flex;gap:var(--toyota-space-3);font-size:var(--toyota-font-size-xs);color:var(--toyota-gray-500)}.item-actions{display:flex;gap:var(--toyota-space-2)}.quick-actions{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);padding:var(--toyota-space-6);box-shadow:var(--toyota-shadow)}.quick-actions h3{margin-bottom:var(--toyota-space-4);color:var(--toyota-gray-900)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--toyota-space-4)}.action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--toyota-space-6);border:1px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius);background:var(--toyota-white);cursor:pointer;transition:all .2s ease}.action-card:hover{border-color:var(--toyota-red);box-shadow:var(--toyota-shadow)}.action-icon{font-size:2rem;margin-bottom:var(--toyota-space-3)}.action-title{font-weight:600;color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-2)}.action-description{font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600)}.crosswalk-table{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow);overflow:hidden}.crosswalk-table table{width:100%;border-collapse:collapse}.crosswalk-table th,.crosswalk-table td{padding:var(--toyota-space-4);text-align:left;border-bottom:1px solid var(--toyota-gray-200)}.crosswalk-table th{background:var(--toyota-gray-50);font-weight:600;color:var(--toyota-gray-800)}.color-cell{display:flex;align-items:center;gap:var(--toyota-space-2)}.color-dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--toyota-gray-300)}.impact-stats{display:flex;flex-direction:column;gap:var(--toyota-space-1)}.impact-stats .stat{font-size:var(--toyota-font-size-xs);color:var(--toyota-gray-600);background:var(--toyota-gray-100);padding:var(--toyota-space-1) var(--toyota-space-2);border-radius:var(--toyota-border-radius);display:inline-block}.action-buttons{display:flex;gap:var(--toyota-space-2)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);padding:var(--toyota-space-6);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h3{margin-bottom:var(--toyota-space-4);color:var(--toyota-gray-900)}.form-group{margin-bottom:var(--toyota-space-4)}.form-group label{display:block;margin-bottom:var(--toyota-space-2);font-weight:600;color:var(--toyota-gray-700)}.form-group select,.form-group input{width:100%;padding:var(--toyota-space-3);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius)}.color-preview{display:flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3);background:var(--toyota-gray-50);border-radius:var(--toyota-border-radius)}.checkbox-label{display:flex!important;align-items:center;gap:var(--toyota-space-2);cursor:pointer}.checkbox-label input{width:auto!important}.modal-actions{display:flex;gap:var(--toyota-space-3);justify-content:flex-end;margin-top:var(--toyota-space-6)}.app-layout:not(.has-topbar) .toyota-sidebar{width:280px;min-width:280px;max-width:280px;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;padding:0;margin:0;flex-shrink:0;overflow-y:auto;position:sticky;top:0}.app-layout:not(.has-topbar) .toyota-sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid #2D2D2D;background:#1a1a1a}.app-layout:not(.has-topbar) .toyota-sidebar .brand-info{display:flex;align-items:center;gap:.75rem}.app-layout:not(.has-topbar) .toyota-sidebar .brand-icon{width:40px;height:40px;background:#eb0a1e;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.app-layout:not(.has-topbar) .toyota-sidebar .brand-text{flex:1}.app-layout:not(.has-topbar) .toyota-sidebar .brand-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.app-layout:not(.has-topbar) .toyota-sidebar .brand-subtitle{font-size:.875rem;color:#999;margin:0}.app-layout:not(.has-topbar) .toyota-sidebar .sidebar-nav{flex:1;padding:1rem 0;background:#1a1a1a}.app-layout:not(.has-topbar) .toyota-sidebar .nav-group{margin-bottom:.5rem}.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-btn{width:100%;background:none;border:none;color:#ccc;padding:.75rem 1.5rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;text-decoration:none}.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-btn:hover,.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-btn.active{background:#2d2d2d;color:#fff}.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-btn.single{border-left:3px solid transparent}.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-btn.single:hover,.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-btn.single.active{border-left-color:#eb0a1e}.app-layout:not(.has-topbar) .toyota-sidebar .nav-group-content{display:flex;align-items:center;gap:.75rem}.app-layout:not(.has-topbar) .toyota-sidebar .nav-arrow{font-size:.75rem;transition:transform .2s ease}.app-layout:not(.has-topbar) .toyota-sidebar .nav-arrow.open{transform:rotate(180deg)}.app-layout:not(.has-topbar) .toyota-sidebar .nav-submenu{list-style:none;padding:0;margin:0;background:#0f0f0f}.app-layout:not(.has-topbar) .toyota-sidebar .nav-submenu li{margin:0}.app-layout:not(.has-topbar) .toyota-sidebar .nav-submenu .nav-item{display:block;color:#999;padding:.5rem 1.5rem .5rem 3rem;text-decoration:none;font-size:.875rem;transition:all .2s ease;border-left:3px solid transparent}.app-layout:not(.has-topbar) .toyota-sidebar .nav-submenu .nav-item:hover,.app-layout:not(.has-topbar) .toyota-sidebar .nav-submenu .nav-item.active{color:#fff;background:#1a1a1a;border-left-color:#eb0a1e}.app-layout:not(.has-topbar) .toyota-sidebar .sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #2D2D2D;margin-top:auto;background:#1a1a1a}.app-layout:not(.has-topbar) .toyota-sidebar .user-section{padding:1rem;background:#2d2d2d;border-radius:8px;margin-bottom:1rem}.app-layout:not(.has-topbar) .toyota-sidebar .user-name{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.75rem;text-align:center}.app-layout:not(.has-topbar) .toyota-sidebar .logout-btn{width:100%;padding:.75rem;background:#eb0a1e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .2s ease}.app-layout:not(.has-topbar) .toyota-sidebar .logout-btn:hover{background:#c00818}.app-layout:not(.has-topbar) .toyota-sidebar .sidebar-legend{font-size:.75rem;color:#666;line-height:1.4}@media (max-width: 768px){.sidebar,.toyota-sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open,.toyota-sidebar.open{transform:translate(0)}.widgets-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:1fr}}.tm-pagination{display:flex;align-items:center;gap:var(--toyota-space-1);justify-content:flex-start}.tm-pagination__btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--toyota-space-2);border:1px solid var(--toyota-border-color);border-radius:var(--toyota-border-radius-sm);background:transparent;color:var(--toyota-neutral-black);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-normal);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;user-select:none;line-height:var(--toyota-line-height-body)}.tm-pagination__btn:hover:not(:disabled):not(.tm-pagination__btn--active){background:var(--toyota-gray-100);border-color:var(--toyota-gray-400)}.tm-pagination__btn--active{background:var(--toyota-neutral-black);color:var(--toyota-white);border-color:var(--toyota-neutral-black);cursor:default}.tm-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.tm-pagination__arrow svg{flex-shrink:0}.tm-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:var(--toyota-font-size-sm);color:var(--toyota-placeholder);user-select:none;letter-spacing:2px}.tm-input-chips{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--toyota-space-1)}.tm-input-chips__label{color:var(--toyota-label-color);font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body);letter-spacing:0;display:block}.tm-input-chips__control{display:flex;align-items:center;min-height:48px;padding:6px var(--toyota-space-3);border:1px solid var(--toyota-border-color);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);cursor:pointer;transition:border-color .15s ease;gap:var(--toyota-space-2);font-size:var(--toyota-font-size-base);color:var(--toyota-neutral-black);width:100%;box-sizing:border-box}.tm-input-chips__control:hover{border-color:var(--toyota-placeholder)}.tm-input-chips__control--open{border-color:var(--toyota-neutral-black);border-bottom-left-radius:0;border-bottom-right-radius:0}.tm-input-chips__chips{display:flex;flex-wrap:wrap;gap:var(--toyota-space-1);flex:1;min-width:0}.tm-input-chips__placeholder{color:var(--toyota-placeholder);font-size:var(--toyota-font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-input-chips__chip{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-2) var(--toyota-space-3);background:var(--toyota-chip-bg);border-radius:var(--toyota-border-radius-lg);color:var(--toyota-neutral-black);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-xs);line-height:var(--toyota-line-height-body);letter-spacing:0}.tm-input-chips__chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--toyota-gray-600);cursor:pointer;flex-shrink:0}.tm-input-chips__chip-remove:hover{color:var(--toyota-neutral-black)}.tm-input-chips__actions{display:flex;align-items:center;gap:var(--toyota-space-1);flex-shrink:0}.tm-input-chips__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;color:var(--toyota-placeholder);cursor:pointer}.tm-input-chips__clear:hover{color:var(--toyota-neutral-black)}.tm-input-chips__separator{width:1px;height:20px;background:var(--toyota-gray-300)}.tm-input-chips__arrow{color:var(--toyota-placeholder);transition:transform .2s ease;flex-shrink:0}.tm-input-chips__arrow--up{transform:rotate(180deg)}.tm-input-chips__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--toyota-white);border:1px solid var(--toyota-neutral-black);border-top:none;border-radius:0 0 var(--toyota-border-radius-lg) var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow-dropdown);max-height:320px;display:flex;flex-direction:column}.tm-input-chips__search{display:flex;align-items:center;gap:var(--toyota-space-2);padding:10px var(--toyota-space-3);border-bottom:1px solid var(--toyota-border-light)}.tm-input-chips__search input{border:none;outline:none;font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);width:100%;background:transparent}.tm-input-chips__search input::placeholder{color:var(--toyota-placeholder)}.tm-input-chips__options{overflow-y:auto;flex:1;padding:var(--toyota-space-1) 0}.tm-input-chips__option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background-color .1s ease;font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black)}.tm-input-chips__option:hover{background:var(--toyota-gray-100)}.tm-input-chips__option--selected{font-weight:var(--toyota-font-weight-medium)}.tm-input-chips__checkbox{width:18px;height:18px;accent-color:var(--toyota-neutral-black);cursor:pointer;flex-shrink:0}.tm-input-chips__option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-input-chips__empty{padding:var(--toyota-space-4);text-align:center;color:var(--toyota-placeholder);font-size:var(--toyota-font-size-sm)}.tm-input-chips__footer{padding:10px 14px;border-top:1px solid var(--toyota-border-light)}.tm-input-chips__apply{background:none;border:none;color:var(--toyota-red);font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;padding:0}.tm-input-chips__apply:hover{text-decoration:underline}.tm-radio-group{display:flex;flex-direction:column;gap:var(--toyota-space-1)}.tm-radio-group__label{color:var(--toyota-label-color);font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body);letter-spacing:0;display:block}.tm-radio-group__options{display:flex;align-items:center;gap:var(--toyota-space-2);flex:1;border:1px solid var(--toyota-border-color);border-radius:var(--toyota-border-radius-lg);padding:13px var(--toyota-space-2);min-height:48px}.tm-radio-group__option{display:flex;align-items:center;gap:var(--toyota-space-2);cursor:pointer;font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);line-height:var(--toyota-line-height-body)}.tm-radio-group__input{position:absolute;opacity:0;width:0;height:0}.tm-radio-group__radio{width:20px;height:20px;border:2px solid var(--toyota-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease}.tm-radio-group__radio:after{content:"";width:10.9px;height:10.9px;border-radius:50%;background:transparent;transition:background-color .15s ease}.tm-radio-group__input:checked+.tm-radio-group__radio:after{background:var(--toyota-accent)}.tm-radio-group__text{white-space:nowrap}.tm-radio-group__options--inline{border:none;padding:0;min-height:auto;gap:var(--toyota-space-4)}.tm-status-badge{display:inline-flex;align-items:center;gap:var(--toyota-space-2);font-size:var(--toyota-font-size-xs);line-height:var(--toyota-line-height-body);font-weight:var(--toyota-font-weight-normal);white-space:nowrap;color:var(--toyota-text-muted)}.tm-status-badge__dot{width:var(--toyota-space-2);height:var(--toyota-space-2);border-radius:50%;flex-shrink:0}.tm-status-badge--active .tm-status-badge__dot{background:var(--toyota-status-active)}.tm-status-badge--inactive .tm-status-badge__dot{background:var(--toyota-status-inactive)}.tm-bool-pill{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:33px;padding:0 var(--toyota-space-3);border-radius:var(--toyota-border-radius-lg);font-size:var(--toyota-font-size-xs);font-weight:var(--toyota-font-weight-semibold);white-space:nowrap;color:var(--toyota-neutral-black);line-height:var(--toyota-line-height-body);letter-spacing:0}.tm-bool-pill--yes{background:var(--toyota-pill-yes-bg)}.tm-bool-pill--no{background:var(--toyota-pill-no-bg)}.tm-skeleton-row td{padding:14px 12px}.tm-skeleton-bar{height:14px;background:var(--toyota-border-light);border-radius:var(--toyota-border-radius);animation:tm-skeleton-pulse 1.5s ease-in-out infinite}.tm-skeleton-checkbox{width:18px;height:18px;border:2px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius)}@keyframes tm-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.tm-text-input{display:flex;flex-direction:column;gap:var(--toyota-space-1)}.tm-text-input__label{color:var(--toyota-label-color);font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body);letter-spacing:0;display:block}.tm-text-input__input{height:48px;padding:0 var(--toyota-space-3);border:1px solid var(--toyota-border-color);border-radius:var(--toyota-border-radius-lg);font-size:var(--toyota-font-size-base);color:var(--toyota-neutral-black);background:var(--toyota-white);transition:border-color .15s ease;width:100%;box-sizing:border-box}.tm-text-input__input::placeholder{color:var(--toyota-placeholder)}.tm-text-input__input:focus{outline:none;border-color:var(--toyota-neutral-black)}.tm-select-input{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--toyota-space-1)}.tm-select-input__label{color:var(--toyota-label-color);font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body);letter-spacing:0;display:block}.tm-select-input__control{display:flex;align-items:center;height:48px;padding:0 var(--toyota-space-3);border:1px solid var(--toyota-border-color);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);cursor:pointer;transition:border-color .15s ease;font-size:var(--toyota-font-size-base);color:var(--toyota-neutral-black);width:100%;box-sizing:border-box;gap:var(--toyota-space-2)}.tm-select-input__control:hover{border-color:var(--toyota-placeholder)}.tm-select-input__control--open{border-color:var(--toyota-neutral-black);border-bottom-left-radius:0;border-bottom-right-radius:0}.tm-select-input__control--disabled{background:var(--toyota-gray-100);cursor:not-allowed;opacity:.6}.tm-select-input__control--disabled:hover{border-color:var(--toyota-border-color)}.tm-select-input__value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-select-input__placeholder{color:var(--toyota-placeholder);font-size:var(--toyota-font-size-sm)}.tm-select-input__clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:var(--toyota-gray-100);color:var(--toyota-placeholder);cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.tm-select-input__clear:hover{background:var(--toyota-border-color);color:var(--toyota-neutral-black)}.tm-select-input__arrow{color:var(--toyota-placeholder);transition:transform .2s ease;flex-shrink:0}.tm-select-input__arrow--up{transform:rotate(180deg)}.tm-select-input__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--toyota-white);border:1px solid var(--toyota-neutral-black);border-top:none;border-radius:0 0 var(--toyota-border-radius-lg) var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow-dropdown);max-height:320px;display:flex;flex-direction:column}.tm-select-input__search{display:flex;align-items:center;gap:var(--toyota-space-2);padding:10px var(--toyota-space-3);border-bottom:1px solid var(--toyota-border-light)}.tm-select-input__search input{border:none;outline:none;font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);width:100%;background:transparent}.tm-select-input__search input::placeholder{color:var(--toyota-placeholder)}.tm-select-input__options{overflow-y:auto;flex:1;padding:var(--toyota-space-1) 0}.tm-select-input__option{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background-color .1s ease;font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black)}.tm-select-input__option:hover{background:var(--toyota-gray-100)}.tm-select-input__option--selected{font-weight:var(--toyota-font-weight-medium)}.tm-select-input__empty{padding:var(--toyota-space-4);text-align:center;color:var(--toyota-placeholder);font-size:var(--toyota-font-size-sm)}.tm-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--toyota-space-4)}.tm-modal{background:var(--toyota-white);border-radius:var(--toyota-border-radius-xl);padding:var(--toyota-space-8);max-width:480px;width:100%;position:relative;box-shadow:var(--toyota-shadow-lg);max-height:90vh;overflow-y:auto}.tm-modal__close{position:absolute;top:var(--toyota-space-6);right:var(--toyota-space-6);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--toyota-neutral-black);cursor:pointer;padding:0;border-radius:var(--toyota-border-radius)}.tm-modal__close:hover{background:var(--toyota-hover-light)}.tm-modal__title{font-weight:var(--toyota-font-weight-bold);font-size:var(--toyota-font-size-2xl);color:var(--toyota-neutral-black);line-height:var(--toyota-line-height-heading);margin:0 0 var(--toyota-space-2) 0;padding-right:var(--toyota-space-8)}.tm-modal__description{font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);line-height:var(--toyota-line-height-body);margin:0 0 var(--toyota-space-6) 0}.tm-modal__body{display:flex;flex-direction:column;gap:var(--toyota-space-5)}.tm-modal__actions{display:flex;align-items:center;gap:var(--toyota-space-3);margin-top:var(--toyota-space-6)}.tm-modal__btn-outline{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3) var(--toyota-space-6);border:1px solid var(--toyota-neutral-black);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);color:var(--toyota-neutral-black);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;transition:background-color .15s ease;white-space:nowrap;line-height:var(--toyota-line-height-body);letter-spacing:0}.tm-modal__btn-outline:hover{background:var(--toyota-gray-50)}.tm-file-upload{display:flex;flex-direction:column;align-items:center;gap:var(--toyota-space-3);padding:var(--toyota-space-8) var(--toyota-space-4);border:2px dashed var(--toyota-border-color);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-gray-50);text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.tm-file-upload:hover{border-color:var(--toyota-placeholder);background:var(--toyota-hover-light)}.tm-file-upload--dragging{border-color:var(--toyota-red);background:#fff5f5}.tm-file-upload__icon{width:48px;height:48px}.tm-file-upload__title{font-weight:var(--toyota-font-weight-bold);font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);line-height:var(--toyota-line-height-body)}.tm-file-upload__info{font-size:var(--toyota-font-size-xs);color:var(--toyota-text-muted);line-height:var(--toyota-line-height-body)}.tm-file-upload__link{font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-red);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0}.tm-file-upload__link:hover{color:var(--toyota-red-dark)}.tm-file-upload__input{display:none}.tm-file-upload__preview{display:flex;align-items:center;gap:var(--toyota-space-3);padding:var(--toyota-space-3) var(--toyota-space-4);border:1px solid var(--toyota-border-light);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);width:100%;margin-top:var(--toyota-space-2)}.tm-file-upload__preview-name{flex:1;font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-file-upload__preview-size{font-size:var(--toyota-font-size-xs);color:var(--toyota-text-muted);white-space:nowrap}.tm-file-upload__preview-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--toyota-placeholder);cursor:pointer;padding:0}.tm-file-upload__preview-remove:hover{color:var(--toyota-neutral-black)}.asoc-page{padding:0}.asoc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--toyota-space-4)}.asoc-filters{margin-bottom:var(--toyota-space-8)}.asoc-filters__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--toyota-space-4);align-items:end}.asoc-filters__btn{height:48px;min-width:94px;text-align:center}.asoc-filters__toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:3px 0;margin-top:var(--toyota-space-5);border:none;background:none;color:var(--toyota-neutral-black);font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;width:100%;line-height:var(--toyota-line-height-body);letter-spacing:0}.asoc-filters__toggle svg{transition:transform .2s ease}.asoc-filters__toggle--open svg{transform:rotate(180deg)}.asoc-filters__expanded{display:grid;grid-template-columns:calc(66.66% - 78px) calc(33.33% - 48px);gap:var(--toyota-space-4);margin-top:var(--toyota-space-5)}.asoc-filters__expanded-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--toyota-space-4)}.asoc-results{display:flex;flex-direction:column;gap:var(--toyota-space-8)}.asoc-table-wrapper{border:1px solid var(--toyota-border-medium);border-radius:var(--toyota-border-radius-lg);overflow:hidden}.asoc-table{width:100%;border-collapse:collapse;table-layout:fixed}.asoc-table th{padding:18px var(--toyota-space-2);text-align:left;font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-neutral-black);white-space:nowrap;background:var(--toyota-gray-100);overflow:hidden;text-overflow:ellipsis;min-width:56px}.asoc-table td{padding:9.5px var(--toyota-space-2);font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);border-bottom:1px solid var(--toyota-border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--toyota-font-weight-normal);line-height:var(--toyota-line-height-body);letter-spacing:0;vertical-align:middle}.asoc-table tbody tr{background:var(--toyota-white)}.asoc-table tbody tr:hover{background:var(--toyota-gray-50)}.asoc-table tbody tr:last-child td{border-bottom:none}.asoc-table .col-check{width:56px;padding-left:19px}.asoc-table .col-product{width:12%}.asoc-table .col-model{width:18%}.asoc-table .col-color{width:16%}.asoc-table .col-code{width:10%}.asoc-table .col-bool{width:8%;text-align:center}.asoc-table .col-status{width:12%}.asoc-table .col-actions{width:44px;text-align:center}.asoc-table th.col-bool,.asoc-table td.col-bool,.asoc-table th.col-actions,.asoc-table td.col-actions{text-align:center}.asoc-table__checkbox{width:18px;height:18px;accent-color:var(--toyota-neutral-black);cursor:pointer;vertical-align:middle}.asoc-table__menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--toyota-border-radius);background:none;color:var(--toyota-neutral-black);cursor:pointer;padding:0}.asoc-table__menu-btn:hover{background:var(--toyota-hover-light);color:var(--toyota-neutral-black)}.asoc-empty{padding:var(--toyota-space-12);text-align:center;color:var(--toyota-placeholder);font-size:var(--toyota-font-size-sm)}@media (max-width: 1200px){.asoc-filters__row{grid-template-columns:1fr 1fr auto}.asoc-filters__expanded{grid-template-columns:1fr}.asoc-filters__expanded-inner{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 992px){.asoc-filters__expanded-inner{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.asoc-filters__row,.asoc-filters__expanded-inner{grid-template-columns:1fr}.asoc-header{flex-direction:column;align-items:flex-start;gap:var(--toyota-space-3)}.asoc-filters__btn{width:100%}.asoc-table-wrapper{overflow-x:auto}.asoc-table{min-width:800px}}.cambiar-imagen-modal .tm-modal{max-width:520px}.cambiar-imagen-modal__subtitle{font-size:var(--toyota-font-size-sm);color:var(--toyota-text-primary);margin:0 0 var(--toyota-space-5) 0;font-weight:var(--toyota-font-weight-semibold)}.cambiar-imagen-modal__hint{font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);margin:0}.cambiar-imagen-modal__actions{display:flex;align-items:center;gap:var(--toyota-space-3);margin-top:var(--toyota-space-4)}.cambiar-imagen-modal__btn-primary{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3) var(--toyota-space-6);border:none;border-radius:var(--toyota-border-radius-lg);background:var(--toyota-neutral-black);color:var(--toyota-white);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.cambiar-imagen-modal__btn-primary:hover:not(:disabled){background:#333}.cambiar-imagen-modal__btn-primary:disabled{opacity:.5;cursor:not-allowed}.cambiar-imagen-modal__btn-cancel{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3) var(--toyota-space-6);border:1px solid var(--toyota-neutral-black);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);color:var(--toyota-neutral-black);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.cambiar-imagen-modal__btn-cancel:hover{background:var(--toyota-gray-50)}.proyecto-detalles-modal .tm-modal{max-width:720px;padding:0;overflow-y:auto}.proyecto-detalles-modal .tm-modal__close{top:var(--toyota-space-3);right:var(--toyota-space-3);z-index:2;color:var(--toyota-neutral-black);background:#fffc;border-radius:50%;width:32px;height:32px}.proyecto-detalles-modal .tm-modal__title{display:none}.proyecto-detalles-modal .tm-modal__body{gap:0}.proyecto-detalles__image-area{position:relative;background:#ebf5fb;border-radius:12px;margin:20px 20px 0;height:260px;min-height:260px;max-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.proyecto-detalles__image-area img{width:100%;height:100%;object-fit:cover}.proyecto-detalles__placeholder-icon{color:#5bc0de;opacity:.7}.proyecto-detalles__change-image-btn{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:none;border-radius:8px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.proyecto-detalles__change-image-btn:hover{background:#333}.proyecto-detalles__body{padding:20px 24px 24px}.proyecto-detalles__content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}.proyecto-detalles__name-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.proyecto-detalles__folder-icon{color:#666;flex-shrink:0;display:flex}.proyecto-detalles__name{font-weight:700;font-size:18px;color:#1a1a1a;margin:0;line-height:1.3}.proyecto-detalles__status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccc;margin-left:6px;flex-shrink:0}.proyecto-detalles__status-dot.is-active{background:#4caf50}.proyecto-detalles__status-label{font-size:13px;color:#888;margin-left:2px;white-space:nowrap}.proyecto-detalles__info-item{font-size:14px;color:#1a1a1a;margin-bottom:8px}.proyecto-detalles__info-item:last-child{margin-bottom:0}.proyecto-detalles__info-label{font-weight:600;color:#1a1a1a;display:inline;margin-right:4px}.proyecto-detalles__info-value{color:#666;font-weight:400}.proyecto-detalles__separator{border:none;border-top:1px solid #e0e0e0;margin:16px 0}.proyecto-detalles__actions-label{font-weight:600;font-size:14px;color:#1a1a1a;margin-bottom:8px}.proyecto-detalles__actions-row{display:flex;align-items:center;gap:4px;margin-bottom:16px}.proyecto-detalles__action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:none;color:var(--toyota-primary-red, #EB0A1E);font-size:14px;font-weight:600;cursor:pointer;border-radius:6px}.proyecto-detalles__action-btn:hover{background:#0000000a}.proyecto-detalles__action-sep{width:1px;height:20px;background:#e0e0e0}.proyecto-detalles__toggle-row{display:flex;align-items:center;gap:12px;margin-bottom:0}.proyecto-detalles__toggle-track{position:relative;width:44px;height:24px;border-radius:12px;background:#ccc;cursor:pointer;transition:background .2s;flex-shrink:0}.proyecto-detalles__toggle-track.is-on{background:#5bc0de}.proyecto-detalles__toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.proyecto-detalles__toggle-track.is-on .proyecto-detalles__toggle-thumb{transform:translate(20px)}.proyecto-detalles__toggle-label{font-size:14px;font-weight:500;color:#1a1a1a}.proyecto-detalles__footer{padding:0 24px 24px}.proyecto-detalles__copy-url-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1.5px solid #1a1a1a;border-radius:8px;background:#fff;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer}.proyecto-detalles__copy-url-btn:hover{background:#f5f5f5}.proyecto-detalles__copied-msg{font-size:12px;color:#4caf50;margin-left:8px;font-weight:600}.ci-page{padding:0;display:flex;gap:var(--toyota-space-6);align-items:flex-start}.ci-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--toyota-space-6)}.ci-header{display:flex;flex-direction:column;gap:var(--toyota-space-2)}.ci-header__breadcrumb{display:flex;align-items:center;gap:var(--toyota-space-3);flex-wrap:wrap}.ci-header__project-path{font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);line-height:var(--toyota-line-height-body)}.ci-header__action{display:inline-flex;align-items:center;gap:var(--toyota-space-1);font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-red);background:none;border:none;cursor:pointer;padding:0;white-space:nowrap}.ci-header__action:hover{text-decoration:underline}.ci-header__action svg{flex-shrink:0}.ci-step{background:var(--toyota-white);border-radius:var(--toyota-border-radius-xl);padding:var(--toyota-space-6);box-shadow:var(--toyota-shadow-card)}.ci-step__header{display:flex;align-items:center;gap:var(--toyota-space-3);margin-bottom:var(--toyota-space-5)}.ci-step__number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--toyota-border-color);font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-neutral-black);flex-shrink:0}.ci-step__title{font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-base);color:var(--toyota-neutral-black);margin:0;line-height:var(--toyota-line-height-body)}.ci-step__selectors{display:grid;grid-template-columns:1fr 1fr;gap:var(--toyota-space-4)}.ci-materials__filters{display:flex;align-items:center;gap:var(--toyota-space-4);margin-bottom:var(--toyota-space-4)}.ci-materials__list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--toyota-space-3);padding:0 var(--toyota-space-1)}.ci-materials__list-label{font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);font-weight:var(--toyota-font-weight-normal)}.ci-materials__list-count{font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);font-weight:var(--toyota-font-weight-semibold)}.ci-materials__table-wrapper{border:1px solid var(--toyota-border-medium);border-radius:var(--toyota-border-radius-lg);overflow:hidden;max-height:400px;overflow-y:auto}.ci-materials__table{width:100%;border-collapse:collapse}.ci-materials__table td{padding:10px var(--toyota-space-3);font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);border-bottom:1px solid var(--toyota-border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;line-height:var(--toyota-line-height-body)}.ci-materials__table tr{background:var(--toyota-white);cursor:pointer;transition:background-color .1s ease}.ci-materials__table tr:hover{background:var(--toyota-gray-50)}.ci-materials__table tr:last-child td{border-bottom:none}.ci-materials__table tr.ci-materials__row--selected{background:var(--toyota-gray-50)}.ci-materials__checkbox{width:18px;height:18px;accent-color:var(--toyota-accent);cursor:pointer;vertical-align:middle;flex-shrink:0}.ci-materials__name{color:var(--toyota-neutral-black);font-weight:var(--toyota-font-weight-normal)}.ci-materials__id{color:var(--toyota-text-muted)}.ci-materials__image-indicator{display:inline-flex;align-items:center;gap:var(--toyota-space-1);color:var(--toyota-text-muted);font-size:var(--toyota-font-size-xs)}.ci-materials__image-indicator svg{flex-shrink:0}.ci-info-banner{display:flex;align-items:flex-start;gap:var(--toyota-space-3);padding:var(--toyota-space-4);background:var(--toyota-gray-100);border-radius:var(--toyota-border-radius-lg);font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted);line-height:var(--toyota-line-height-body)}.ci-info-banner__icon{flex-shrink:0;color:var(--toyota-text-muted);margin-top:1px}.ci-upload__footer{margin-top:var(--toyota-space-3);font-size:var(--toyota-font-size-sm);color:var(--toyota-text-muted)}.ci-sidebar{width:280px;flex-shrink:0;position:sticky;top:var(--toyota-space-4)}.ci-sidebar__card{background:var(--toyota-white);border-radius:var(--toyota-border-radius-xl);padding:var(--toyota-space-5);box-shadow:var(--toyota-shadow-card);display:flex;flex-direction:column;gap:var(--toyota-space-4)}.ci-sidebar__title{font-weight:var(--toyota-font-weight-bold);font-size:var(--toyota-font-size-base);color:var(--toyota-neutral-black);margin:0}.ci-sidebar__image-wrapper{width:100%;aspect-ratio:16 / 10;border-radius:var(--toyota-border-radius-lg);background:var(--toyota-gray-100);border:1px solid var(--toyota-border-light);overflow:hidden;display:flex;align-items:center;justify-content:center}.ci-sidebar__image-wrapper img{width:100%;height:100%;object-fit:contain}.ci-sidebar__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--toyota-gray-300)}.ci-sidebar__model-name{font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-sm);color:var(--toyota-neutral-black);margin:0}.ci-sidebar__meta{display:flex;flex-direction:column;gap:var(--toyota-space-1)}.ci-sidebar__meta-item{font-size:var(--toyota-font-size-xs);color:var(--toyota-text-muted);line-height:var(--toyota-line-height-body)}.ci-sidebar__meta-label{color:var(--toyota-neutral-black);font-weight:var(--toyota-font-weight-medium)}.ci-sidebar__chips{display:flex;flex-wrap:wrap;gap:var(--toyota-space-1)}.ci-sidebar__chip{display:inline-flex;align-items:center;padding:var(--toyota-space-1) var(--toyota-space-2);background:var(--toyota-neutral-black);color:var(--toyota-white);border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-xs);font-weight:var(--toyota-font-weight-semibold);line-height:var(--toyota-line-height-body)}.ci-sidebar__materials-label{font-size:var(--toyota-font-size-xs);color:var(--toyota-text-muted);margin:0}.ci-sidebar__skeleton{height:12px;background:var(--toyota-border-light);border-radius:var(--toyota-border-radius);animation:ci-pulse 1.5s ease-in-out infinite}.ci-sidebar__skeleton--short{width:60%}.ci-sidebar__skeleton--medium{width:80%}.ci-sidebar__skeleton--full{width:100%}@keyframes ci-pulse{0%,to{opacity:1}50%{opacity:.4}}.ci-sidebar__actions{display:flex;flex-direction:column;gap:var(--toyota-space-3)}.ci-sidebar__btn-publish{width:100%;padding:var(--toyota-space-3) var(--toyota-space-6);border:none;border-radius:var(--toyota-border-radius-lg);background:var(--toyota-neutral-black);color:var(--toyota-white);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;transition:background-color .15s ease;line-height:var(--toyota-line-height-body)}.ci-sidebar__btn-publish:hover{background:var(--toyota-gray-800)}.ci-sidebar__btn-publish:disabled{background:var(--toyota-disabled-bg);cursor:not-allowed}.ci-sidebar__btn-cancel{display:flex;align-items:center;justify-content:center;gap:var(--toyota-space-2);width:100%;padding:var(--toyota-space-3) var(--toyota-space-6);border:1px solid var(--toyota-neutral-black);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);color:var(--toyota-neutral-black);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;transition:background-color .15s ease;line-height:var(--toyota-line-height-body)}.ci-sidebar__btn-cancel:hover{background:var(--toyota-gray-50)}@media (max-width: 1200px){.ci-sidebar{width:240px}}@media (max-width: 992px){.ci-page{flex-direction:column}.ci-sidebar{width:100%;position:static;order:-1}.ci-step__selectors{grid-template-columns:1fr}}@media (max-width: 768px){.ci-header__breadcrumb{flex-direction:column;align-items:flex-start;gap:var(--toyota-space-2)}.ci-materials__filters{flex-wrap:wrap}}.explorar-layout{display:flex;flex-direction:column;min-height:calc(100vh - 60px);margin:-24px}.explorar-top{padding:24px 32px 0;background:var(--toyota-bg)}.explorar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--toyota-space-4)}.explorar-body{display:flex;flex:1;min-height:0}.explorar-sidebar{width:240px;min-width:240px;background:var(--toyota-white);border-right:1px solid var(--toyota-border-medium);display:flex;flex-direction:column;padding:16px 0 0}.explorar-sidebar__header{display:flex;align-items:center;gap:8px;padding:0 16px 12px;font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-neutral-black)}.explorar-sidebar__list{flex:1;overflow-y:auto;padding:4px 0}.explorar-sidebar__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;border:none;border-left:3px solid transparent;background:transparent;cursor:pointer;font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);text-align:left;transition:background .15s,color .15s,border-color .15s}.explorar-sidebar__item:hover{background:var(--toyota-gray-100);color:var(--toyota-neutral-black)}.explorar-sidebar__item.is-active{border-left-color:var(--toyota-teal);color:var(--toyota-teal);font-weight:var(--toyota-font-weight-semibold);background:transparent}.explorar-sidebar__item.is-active svg{color:var(--toyota-teal)}.explorar-sidebar__create{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid var(--toyota-border-medium);font-size:var(--toyota-font-size-sm);color:var(--toyota-red);text-decoration:none;font-weight:var(--toyota-font-weight-semibold)}.explorar-sidebar__create:hover{background:#eb00280a}.explorar-content{flex:1;padding:16px 32px 24px;overflow-y:auto;background:var(--toyota-bg)}.explorar-header-actions{display:flex;gap:var(--toyota-space-3);align-items:center}.explorar-btn-outline{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3) var(--toyota-space-6);border:1px solid var(--toyota-border-medium);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);color:var(--toyota-neutral-black);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .15s;line-height:var(--toyota-line-height-body)}.explorar-btn-outline:hover{border-color:var(--toyota-gray-400);color:var(--toyota-neutral-black)}.explorar-filters{margin-bottom:var(--toyota-space-6)}.explorar-filters__row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--toyota-space-4);align-items:end}.explorar-filters__field{display:flex;flex-direction:column;gap:var(--toyota-space-1)}.explorar-filters__select{padding:10px 36px 10px 12px;border:1px solid var(--toyota-border-medium);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);font-size:var(--toyota-font-size-base);color:var(--toyota-gray-500);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;line-height:var(--toyota-line-height-body);height:44px}.explorar-filters__btn{height:44px;min-width:80px;padding:0 var(--toyota-space-5);border:1px solid var(--toyota-border-medium);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);font-size:var(--toyota-font-size-base);color:var(--toyota-gray-500);cursor:pointer;white-space:nowrap}.explorar-filters__btn:hover:not(:disabled){border-color:var(--toyota-gray-400)}.explorar-filters__btn:disabled{opacity:.5;cursor:default}.explorar-breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-500);margin-bottom:var(--toyota-space-3);flex-wrap:wrap}.explorar-breadcrumb__link{color:var(--toyota-gray-500);text-decoration:none;cursor:pointer;border:none;background:none;padding:0;font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body)}.explorar-breadcrumb__link:hover{color:var(--toyota-teal);text-decoration:underline}.explorar-breadcrumb__sep{color:var(--toyota-gray-400);font-size:11px}.explorar-breadcrumb__current{color:var(--toyota-gray-500)}.explorar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--toyota-space-4)}.explorar-back-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-red);cursor:pointer;line-height:var(--toyota-line-height-body)}.explorar-back-link:hover{text-decoration:underline}.explorar-back-link svg{width:16px;height:16px}.explorar-view-actions{display:flex;align-items:center;gap:4px}.explorar-folder-grid{margin-bottom:var(--toyota-space-5)}.explorar-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--toyota-space-4)}.explorar-image-card{display:flex;flex-direction:row;background:var(--toyota-white);border:1px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius-lg);overflow:hidden;transition:box-shadow .15s,border-color .15s}.explorar-image-card:hover{border-color:var(--toyota-gray-300);box-shadow:var(--toyota-shadow)}.explorar-image-card__thumb{width:140px;min-width:140px;min-height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;overflow:hidden;flex-shrink:0}.explorar-image-card__thumb img{width:100%;height:100%;object-fit:cover}.explorar-image-card__body{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.explorar-image-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.explorar-image-card__title{font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-neutral-black);margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorar-image-card__more{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--toyota-gray-400);border-radius:var(--toyota-border-radius);cursor:pointer;padding:0}.explorar-image-card__more:hover{background:var(--toyota-gray-100);color:var(--toyota-gray-600)}.explorar-image-card__meta{display:flex;flex-direction:column;gap:1px;font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);line-height:1.5}.explorar-image-card__meta strong{font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-gray-600)}.explorar-image-card__copy{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:var(--toyota-font-size-sm);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-red);background:none;border:none;padding-left:0;cursor:pointer;text-decoration:none}.explorar-image-card__copy:hover{text-decoration:underline}.explorar-filtered-results{margin-top:var(--toyota-space-2)}.explorar-filtered-results__title{font-size:var(--toyota-font-size-lg);font-weight:var(--toyota-font-weight-bold);color:var(--toyota-neutral-black);margin:0 0 var(--toyota-space-5)}.explorar-filtered-group{margin-bottom:var(--toyota-space-8)}.explorar-filtered-group__header{margin-bottom:var(--toyota-space-3)}.explorar-filtered-group__label{display:block;font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-500);margin-bottom:2px}.explorar-filtered-group__name{font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-bold);color:var(--toyota-neutral-black);margin:0}.explorar-images-list{display:flex;flex-direction:column;gap:var(--toyota-space-3)}.explorar-image-list-item{display:flex;flex-direction:row;align-items:center;gap:var(--toyota-space-4);background:var(--toyota-white);border:1px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius-lg);padding:12px 16px;transition:box-shadow .15s,border-color .15s}.explorar-image-list-item:hover{border-color:var(--toyota-gray-300);box-shadow:var(--toyota-shadow)}.explorar-image-list-item__thumb{width:60px;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;border-radius:var(--toyota-border-radius);overflow:hidden;flex-shrink:0}.explorar-image-list-item__thumb img{width:100%;height:100%;object-fit:cover}.explorar-image-list-item__thumb svg{width:32px;height:32px}.explorar-image-list-item__body{flex:1;min-width:0}.explorar-image-list-item__title{font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);color:var(--toyota-neutral-black);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explorar-image-list-item__meta{display:flex;gap:var(--toyota-space-4);font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);flex-wrap:wrap}.explorar-image-list-item__actions{display:flex;align-items:center;gap:var(--toyota-space-2);flex-shrink:0}.explorar-pagination{margin-top:var(--toyota-space-8);display:flex;justify-content:center}:root{--toyota-red: #EB0A1E;--toyota-red-dark: #C8091A;--toyota-red-light: #FF1E32;--toyota-gray-900: #1A1A1A;--toyota-gray-800: #2D2D2D;--toyota-gray-700: #404040;--toyota-gray-600: #666666;--toyota-gray-500: #808080;--toyota-gray-400: #999999;--toyota-gray-300: #CCCCCC;--toyota-gray-200: #E6E6E6;--toyota-gray-100: #F5F5F5;--toyota-gray-50: #FAFAFA;--toyota-white: #FFFFFF;--toyota-black: #000000;--toyota-success: #28A745;--toyota-warning: #FFC107;--toyota-error: #DC3545;--toyota-info: #17A2B8;--toyota-teal: #307C8D;--toyota-teal-light: #36A1AD;--toyota-neutral-black: #1C1C1C;--toyota-label-color: #494949;--toyota-text-muted: #5C5C5C;--toyota-border-color: #B5B5B5;--toyota-border-light: #EAEAEA;--toyota-border-medium: #C1C1C1;--toyota-border-divider: #D7D7D7;--toyota-placeholder: #888888;--toyota-hover-light: #F0F0F0;--toyota-disabled-bg: #B1B1B1;--toyota-heading-dark: #1E314F;--toyota-accent: #5BC0DE;--toyota-status-active: #59C738;--toyota-status-inactive: #FF0900;--toyota-pill-yes-bg: #DEF4D7;--toyota-pill-no-bg: #FFCECC;--toyota-chip-bg: #EAEAEA;--toyota-font-family: "Toyota Type", "Helvetica Neue", Arial, sans-serif;--font-primary: var(--toyota-font-family);--font-size-body2: .875rem;--line-height-body2: 140%;--toyota-font-size-xs: .75rem;--toyota-font-size-sm: .875rem;--toyota-font-size-base: 1rem;--toyota-font-size-lg: 1.125rem;--toyota-font-size-xl: 1.25rem;--toyota-font-size-2xl: 1.5rem;--toyota-font-size-3xl: 1.875rem;--toyota-font-weight-normal: 400;--toyota-font-weight-medium: 500;--toyota-font-weight-semibold: 600;--toyota-font-weight-bold: 700;--toyota-line-height-heading: 120%;--toyota-line-height-body: 140%;--toyota-space-1: .25rem;--toyota-space-2: .5rem;--toyota-space-3: .75rem;--toyota-space-4: 1rem;--toyota-space-5: 1.25rem;--toyota-space-6: 1.5rem;--toyota-space-8: 2rem;--toyota-space-10: 2.5rem;--toyota-space-12: 3rem;--toyota-border-radius: 4px;--toyota-border-radius-sm: 6px;--toyota-border-radius-lg: 8px;--toyota-border-radius-xl: 16px;--toyota-border-width: 1px;--toyota-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--toyota-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--toyota-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--toyota-shadow-card: 0px 4px 5px -1px rgba(0, 0, 0, .08);--toyota-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .12)}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;font-family:var(--toyota-font-family);background:var(--toyota-gray-50);color:var(--toyota-gray-900);overflow-x:hidden}.mockup-container{min-height:100vh;display:flex;background-color:var(--toyota-gray-50);margin:0;padding:0;width:100vw}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--toyota-white)}.app-layout-body{display:flex;flex:1;min-height:0;overflow:hidden;width:100%}.app-layout.has-topbar .main-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.app-layout.has-topbar .content-body{flex:1;overflow-y:auto;min-height:0;padding:32px 40px}.toyota-topbar{height:64px;min-height:64px;background:var(--toyota-white);border-bottom:1px solid var(--toyota-border-divider);box-shadow:var(--toyota-shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 var(--toyota-space-8) 0 var(--toyota-space-6);flex-shrink:0;gap:var(--toyota-space-8);overflow:visible}.topbar-left,.topbar-left .logo-container{display:flex;align-items:center;gap:8px}.topbar-left .logo{height:28px;width:auto;flex-shrink:0}.topbar-left .brand{color:var(--toyota-black-0);font-weight:600;font-size:14px;line-height:140%;letter-spacing:0;vertical-align:middle}.topbar-left .divider{width:1px;height:21px;background:#b1b1b1}.topbar-left .sub{font-size:14px;color:var(--toyota-gray-1);line-height:20px}.topbar-right{display:flex;align-items:center;gap:24px;flex:1;justify-content:flex-end;min-width:0;flex-shrink:0}.topbar-search{flex:1;max-width:400px;display:flex;align-items:center;background:#f5f5f5;border:1px solid #B5B5B5;border-radius:999px;padding:0 12px;min-height:44px;margin-right:8px}.topbar-search-icon{display:flex;align-items:center;color:#5c5c5c;margin-right:var(--toyota-space-2)}.topbar-search-input{flex:1;border:none;background:none;font-size:var(--toyota-font-size-sm);line-height:140%;color:var(--toyota-gray-900);outline:none}.topbar-search-input::placeholder{color:#5c5c5c}.topbar-notifications{position:relative;width:32px;height:32px;min-width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--toyota-neutral-black, #1c1c1c);cursor:pointer;border-radius:var(--toyota-border-radius);transition:color .2s ease;outline:none;padding:0}.topbar-notifications:hover{color:var(--toyota-gray-900)}.topbar-notifications:focus,.topbar-notifications:focus-visible,.topbar-notifications:active{outline:none;box-shadow:none;border:none}.topbar-notifications svg{display:block;flex-shrink:0;color:currentColor;width:24px;height:24px}.topbar-notifications-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--toyota-error);border-radius:50%;border:2px solid var(--toyota-white)}.topbar-user-wrap{position:relative;flex-shrink:0}.topbar-user{display:flex;align-items:center;gap:var(--toyota-space-2);cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;outline:none}.topbar-user:focus,.topbar-user:focus-visible{outline:none;box-shadow:none;border:none}.topbar-avatar{width:40px;height:40px;border-radius:50%;background:var(--toyota-teal);color:var(--toyota-white);display:flex;align-items:center;justify-content:center;font-size:var(--toyota-font-size-sm);font-weight:600}.topbar-user-chevron{display:flex;align-items:center;color:var(--toyota-gray-500)}.topbar-user-chevron svg{width:24px;height:24px}.topbar-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--toyota-white);border:1px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow-lg);padding:var(--toyota-space-2);z-index:100}.topbar-user-dropdown-item{display:block;width:100%;padding:var(--toyota-space-3) var(--toyota-space-4);text-align:left;background:none;border:none;border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-900);cursor:pointer;transition:background .2s ease}.topbar-user-dropdown-item:hover{background:var(--toyota-gray-100)}.topbar-user-dropdown-item--logout{color:var(--toyota-neutral-black);font-weight:500}.sidebar-wrapper{position:relative;flex-shrink:0;display:flex;align-self:stretch;min-height:calc(100vh - 64px)}.toyota-sidebar{width:280px;background:var(--toyota-white);color:var(--toyota-neutral-black);padding:0;border-right:1px solid #EAEAEA;transition:width .2s ease,min-width .2s ease,max-width .2s ease;position:relative;margin:0;display:flex;flex-direction:column;min-height:100%;overflow:hidden;font-family:var(--font-primary);font-weight:400;font-style:normal;font-size:var(--font-size-body2);line-height:var(--line-height-body2);letter-spacing:0}.toyota-sidebar.collapsed{width:24px;min-width:24px;max-width:24px}.toyota-sidebar.collapsed .sidebar-header,.toyota-sidebar.collapsed .sidebar-nav,.toyota-sidebar.collapsed .sidebar-footer{display:none}.sidebar-header{flex-shrink:0;min-height:48px;border-bottom:1px solid var(--toyota-gray-200)}.brand-info{display:flex;align-items:center;gap:var(--toyota-space-3)}.brand-icon{background:var(--toyota-red);color:var(--toyota-white);padding:var(--toyota-space-2);border-radius:var(--toyota-border-radius);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.brand-name{font-size:var(--toyota-font-size-base);font-weight:600;color:var(--toyota-gray-900)}.brand-subtitle{font-size:var(--toyota-font-size-xs);color:var(--toyota-gray-500)}.sidebar-toggle{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;border-radius:50%;border:1px solid #D7D7D7;background:var(--toyota-white);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-sizing:border-box;line-height:0;overflow:hidden;outline:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.sidebar-toggle:focus,.sidebar-toggle:focus-visible,.sidebar-toggle:active{outline:none;box-shadow:0 1px 3px #0000000f;border-color:var(--toyota-gray-300)}.sidebar-toggle:hover{background:var(--toyota-gray-50);border-color:var(--toyota-gray-400);box-shadow:0 2px 6px #00000014}.sidebar-toggle--edge{position:absolute;right:-16px;top:11px;z-index:20}.sidebar-toggle-icon{display:block;width:16px;height:16px;object-fit:contain;transition:transform .2s ease}.sidebar-toggle-icon.collapsed{transform:rotate(180deg)}.sidebar-nav{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;padding:40px 12px}.nav-group-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:none;border:none;border-left:4px solid transparent;color:var(--toyota-neutral-black);cursor:pointer;border-radius:var(--toyota-border-radius-lg);transition:all .2s ease;text-decoration:none;font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-body2);line-height:var(--line-height-body2);letter-spacing:0;text-align:left;min-height:56px;box-sizing:border-box;outline:none}.nav-group-btn:hover,.nav-group-btn:focus,.nav-group-btn:focus-visible{background:none;color:inherit;border-left-color:transparent;outline:none;box-shadow:none}.nav-group-btn.single.active{background:var(--toyota-teal);color:var(--toyota-white);border-left-color:transparent}.nav-group-content{display:flex;align-items:center;gap:8px}.toyota-sidebar .nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:currentColor}.nav-arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.nav-arrow-expand{transition:transform .2s ease}.nav-submenu{margin:0;list-style:none}.nav-submenu .nav-item{display:block;width:calc(100% - 48px);margin:6px 0 6px 48px;padding:12px 16px;color:var(--toyota-neutral-black);font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-body2);line-height:var(--line-height-body2);letter-spacing:0;transition:all .2s ease;text-decoration:none;border-radius:var(--toyota-border-radius-lg);border-left:4px solid transparent;min-height:44px;box-sizing:border-box;outline:none}.nav-submenu .nav-item:hover,.nav-submenu .nav-item:focus,.nav-submenu .nav-item:focus-visible{color:inherit;background:none;border-left-color:transparent!important;outline:none;box-shadow:none}.nav-submenu .nav-item.active{color:var(--toyota-white);background:var(--toyota-teal);border-radius:var(--toyota-border-radius-lg);border-left-color:transparent;font-weight:400}.toyota-sidebar .nav-group-btn.single.active,.toyota-sidebar .nav-submenu .nav-item.active{border-left-color:transparent!important}.sidebar-footer{padding:24px;flex-shrink:0}.toyota-sidebar .user-section{padding:var(--toyota-space-3);background:var(--toyota-gray-100);border-radius:var(--toyota-border-radius-lg);margin-bottom:var(--toyota-space-3)}.toyota-sidebar .user-name{font-size:var(--toyota-font-size-sm);font-weight:600;color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-2)}.toyota-sidebar .logout-btn{width:100%;padding:var(--toyota-space-2) var(--toyota-space-3);background:var(--toyota-red);color:var(--toyota-white);border:none;border-radius:var(--toyota-border-radius);cursor:pointer;font-size:var(--toyota-font-size-xs);font-weight:600;transition:background .2s ease}.toyota-sidebar .logout-btn:hover{background:var(--toyota-red-dark)}.sidebar-legend{font-family:var(--font-primary);font-weight:400;font-size:.6875rem;line-height:var(--line-height-body2);letter-spacing:0;color:var(--toyota-neutral-black);margin-bottom:var(--toyota-space-3)}.sidebar-copyright{font-family:var(--font-primary);font-weight:400;font-size:.6875rem;line-height:var(--line-height-body2);letter-spacing:0;color:#b2bbc6;text-align:center;padding:10px}.main-content{flex:1;display:flex;flex-direction:column;margin:0;padding:0;width:calc(100vw - 280px);min-width:0}.main-header{display:flex;align-items:center;justify-content:space-between;padding:var(--toyota-space-4) var(--toyota-space-6);background:var(--toyota-white);border-bottom:1px solid var(--toyota-gray-200);margin:0;width:100%;flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--toyota-space-4)}.header-icon{padding:var(--toyota-space-2);border:2px solid var(--toyota-red);border-radius:var(--toyota-border-radius);color:var(--toyota-red)}.breadcrumb{font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600)}.header-right{display:flex;align-items:center;gap:var(--toyota-space-4)}.brand-selector{display:flex;align-items:center;gap:var(--toyota-space-2);font-size:var(--toyota-font-size-sm)}.sync-btn{padding:var(--toyota-space-2) var(--toyota-space-3);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);background:var(--toyota-white);cursor:pointer;transition:all .2s ease}.sync-btn:hover{border-color:var(--toyota-red);color:var(--toyota-red)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--toyota-gray-300)}.content-area{padding:var(--toyota-space-6);flex:1;overflow-y:auto;margin:0;width:100%}.content-section{margin-bottom:var(--toyota-space-8)}.section-title{font-size:var(--toyota-font-size-xl);font-weight:600;color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-4)}.section-nav{display:flex;gap:var(--toyota-space-2);margin-bottom:var(--toyota-space-4);border-bottom:1px solid var(--toyota-gray-200)}.nav-tab{padding:var(--toyota-space-3) var(--toyota-space-4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);transition:all .2s ease}.nav-tab:hover{color:var(--toyota-gray-900)}.nav-tab.active{color:var(--toyota-red);border-bottom-color:var(--toyota-red);font-weight:600}.view-nav{display:flex;gap:var(--toyota-space-2);margin-bottom:var(--toyota-space-4)}.view-btn{padding:var(--toyota-space-2) var(--toyota-space-3);background:var(--toyota-gray-100);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);cursor:pointer;font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-700);transition:all .2s ease}.view-btn:hover{background:var(--toyota-gray-200)}.view-btn.active{background:var(--toyota-red);color:var(--toyota-white);border-color:var(--toyota-red)}.toyota-card{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow);padding:var(--toyota-space-6);margin-bottom:var(--toyota-space-4)}.toyota-input{width:100%;padding:var(--toyota-space-3);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-base);transition:border-color .2s ease}.toyota-input:focus{outline:none;border-color:var(--toyota-red);box-shadow:0 0 0 3px #eb0a1e1a}.toyota-select{width:100%;padding:var(--toyota-space-3);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-base);background:var(--toyota-white);cursor:pointer}.toyota-btn{padding:var(--toyota-space-3) var(--toyota-space-6);border-radius:var(--toyota-border-radius);font-size:var(--toyota-font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.toyota-btn-primary{background:var(--toyota-red);color:var(--toyota-white);border-color:var(--toyota-red)}.toyota-btn-primary:hover{background:var(--toyota-red-dark);border-color:var(--toyota-red-dark)}.toyota-btn-secondary{background:var(--toyota-gray-100);color:var(--toyota-gray-800);border-color:var(--toyota-gray-300)}.toyota-btn-secondary:hover{background:var(--toyota-gray-200)}.btn-sm{padding:var(--toyota-space-2) var(--toyota-space-3);font-size:var(--toyota-font-size-sm)}.search-filters{margin-bottom:var(--toyota-space-4)}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--toyota-space-3);margin-bottom:var(--toyota-space-4)}.filter-actions{display:flex;justify-content:flex-end;gap:var(--toyota-space-2)}.form-card{max-width:800px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--toyota-space-3);margin-bottom:var(--toyota-space-4)}.form-actions{display:flex;gap:var(--toyota-space-3);justify-content:flex-end}.toyota-table-container{overflow-x:auto}.toyota-table{width:100%;border-collapse:collapse;font-size:var(--toyota-font-size-sm)}.toyota-table th,.toyota-table td{padding:var(--toyota-space-4);text-align:left;border-bottom:1px solid var(--toyota-gray-200)}.toyota-table th{background:var(--toyota-gray-50);font-weight:600;color:var(--toyota-gray-800)}.toyota-table tr:hover{background:var(--toyota-gray-50)}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.interior{background-color:#e3f2fd;color:#1976d2}.badge.exterior{background-color:#f3e5f5;color:#7b1fa2}.status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status.active{background-color:#e8f5e8;color:#2e7d32}.status.inactive{background-color:#ffebee;color:#c62828}.sync-card{text-align:center;padding:2rem}.sync-info h3{color:var(--toyota-red);margin-bottom:1rem}.sync-info p{margin-bottom:.5rem;color:var(--toyota-gray-600)}.sync-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.sync-progress{margin-top:2rem}.progress-bar{width:100%;height:8px;background-color:var(--toyota-gray-200);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background-color:var(--toyota-red);width:0;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.association-actions{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.placeholder-content{text-align:center;padding:var(--toyota-space-12)}.placeholder-content h3{color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-4)}.placeholder-content p{color:var(--toyota-gray-600);margin-bottom:var(--toyota-space-2)}.dashboard-container{padding:var(--toyota-space-6);width:100%;margin:0;min-height:100%;box-sizing:border-box}.content-body{padding:0;margin:0;width:100%;flex:1;overflow-y:auto;min-height:0}@media (max-width: 768px){.toyota-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.toyota-sidebar.open{transform:translate(0)}.main-content{margin-left:0}.filter-grid,.form-grid{grid-template-columns:1fr}.header-right{flex-direction:column;gap:var(--toyota-space-2)}.sync-actions{flex-direction:column;align-items:center}}.proyectos-multimedia{max-width:1400px;margin:0 auto}.proyectos-multimedia__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--toyota-space-6);flex-wrap:wrap;gap:var(--toyota-space-4)}.proyectos-multimedia__title{font-size:var(--toyota-font-size-2xl);font-weight:600;color:var(--toyota-gray-900);margin:0}.proyectos-multimedia__btn-new{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3) var(--toyota-space-5);background:var(--toyota-gray-900);color:var(--toyota-white);border:none;border-radius:var(--toyota-border-radius-lg);font-family:var(--font-primary);font-size:var(--font-size-body2);font-weight:600;cursor:pointer;text-decoration:none;outline:none;box-shadow:none}.proyectos-multimedia__btn-new:hover,.proyectos-multimedia__btn-new:focus,.proyectos-multimedia__btn-new:focus-visible,.proyectos-multimedia__btn-new:active{background:var(--toyota-gray-900);color:var(--toyota-white);outline:none;box-shadow:none;border:none}.proyectos-multimedia__btn-icon{display:inline-flex;color:currentColor}.proyectos-multimedia__filter-bar{display:flex;align-items:center;margin-bottom:var(--toyota-space-6);padding:var(--toyota-space-4) var(--toyota-space-5);background:var(--toyota-white);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;border:1px solid var(--toyota-gray-200);flex-wrap:wrap;gap:var(--toyota-space-4)}.proyectos-multimedia__search-wrap{position:relative;flex:1;min-width:200px;max-width:380px}.proyectos-multimedia__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--toyota-gray-500);pointer-events:none}.proyectos-multimedia__search{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--toyota-gray-300);border-radius:8px;font-family:var(--font-primary);font-size:var(--font-size-body2);color:var(--toyota-gray-900);background:var(--toyota-white);transition:border-color .2s ease}.proyectos-multimedia__search::placeholder{color:var(--toyota-gray-500)}.proyectos-multimedia__search:focus{outline:none;border-color:#5bc0de}.proyectos-multimedia__filter-sep{width:1px;height:28px;background:var(--toyota-gray-200);flex-shrink:0}.proyectos-multimedia__filters{display:flex;align-items:center;gap:var(--toyota-space-5);border:none;margin:0;padding:0}.proyectos-multimedia__filter-label{display:inline-flex;align-items:center;gap:var(--toyota-space-2);cursor:pointer;font-size:var(--font-size-body2);font-weight:500;color:var(--toyota-gray-900)}.proyectos-multimedia__filter-label input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.proyectos-multimedia__filter-radio{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid #5BC0DE;background:var(--toyota-white);flex-shrink:0;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.proyectos-multimedia__filter-label:has(input:checked) .proyectos-multimedia__filter-radio{border-color:#5bc0de;background:radial-gradient(circle at center,#5BC0DE 0%,#5BC0DE 28%,transparent 28%)}.proyectos-multimedia__filter-label:hover .proyectos-multimedia__filter-radio{border-color:#7bcee8}.proyectos-multimedia__section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--toyota-space-4);flex-wrap:wrap;gap:var(--toyota-space-3)}.proyectos-multimedia__section-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--toyota-space-2)}.proyectos-multimedia__section-title{font-size:var(--toyota-font-size-lg);font-weight:600;color:var(--toyota-gray-900);margin:0}.proyectos-multimedia__back{color:var(--toyota-red);font-size:var(--font-size-body2);font-weight:700;text-decoration:none}.proyectos-multimedia__back:hover{text-decoration:underline}.proyectos-multimedia__section-actions{display:flex;align-items:center;gap:0}.proyectos-multimedia__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;border-radius:0;color:var(--toyota-gray-800);cursor:pointer;transition:color .2s ease}.proyectos-multimedia__action-btn:hover{color:var(--toyota-gray-900)}.proyectos-multimedia__action-btn.is-active,.proyectos-multimedia__action-btn.is-active:hover{color:var(--toyota-red)}.proyectos-multimedia__action-sep{width:1px;height:20px;background:var(--toyota-gray-200);margin:0 var(--toyota-space-2);flex-shrink:0}.proyectos-multimedia__empty{text-align:center;color:var(--toyota-gray-600);padding:var(--toyota-space-8);margin:0}.proyectos-multimedia__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--toyota-space-5)}.proyectos-multimedia__card{position:relative;padding:var(--toyota-space-5);background:var(--toyota-white);border:1px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius-lg);box-shadow:var(--toyota-shadow);transition:box-shadow .2s ease}.proyectos-multimedia__card:hover{box-shadow:var(--toyota-shadow-lg)}.proyectos-multimedia__card-icon{display:inline-flex;color:var(--toyota-teal);margin-bottom:var(--toyota-space-3)}.proyectos-multimedia__card-title{font-size:var(--toyota-font-size-lg);font-weight:600;color:var(--toyota-gray-900);margin:0 0 var(--toyota-space-2)}.proyectos-multimedia__card-desc{font-size:var(--font-size-body2);color:var(--toyota-gray-600);line-height:1.4;margin:0 0 var(--toyota-space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proyectos-multimedia__card-status{display:flex;align-items:center;gap:var(--toyota-space-2);font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);margin:0 0 var(--toyota-space-4)}.proyectos-multimedia__status-dot{width:8px;height:8px;border-radius:50%;background:var(--toyota-gray-400)}.proyectos-multimedia__status-dot.is-active{background:var(--toyota-success)}.proyectos-multimedia__card-links{display:flex;gap:var(--toyota-space-4)}.proyectos-multimedia__link{color:var(--toyota-red);font-size:var(--font-size-body2);font-weight:500;text-decoration:none;padding:0;margin:0;border:none;background:none}.proyectos-multimedia__link:hover{text-decoration:underline;color:var(--toyota-red)}.proyectos-multimedia__card-more{position:absolute;top:var(--toyota-space-3);right:var(--toyota-space-3);padding:var(--toyota-space-1);border:none;background:none;color:var(--toyota-gray-500);cursor:pointer;border-radius:var(--toyota-border-radius)}.proyectos-multimedia__card-more:hover{color:var(--toyota-gray-700);background:var(--toyota-gray-100)}.proyectos-multimedia__list{list-style:none;margin:0;padding:0;border:1px solid var(--toyota-gray-200);border-radius:var(--toyota-border-radius-lg);background:var(--toyota-white);overflow:hidden}.proyectos-multimedia__list-item{display:flex;align-items:center;gap:var(--toyota-space-4);padding:var(--toyota-space-4) var(--toyota-space-5);border-bottom:1px solid var(--toyota-gray-200)}.proyectos-multimedia__list-item:last-child{border-bottom:none}.proyectos-multimedia__list-icon{display:inline-flex;color:var(--toyota-teal);flex-shrink:0}.proyectos-multimedia__list-body{flex:1;min-width:0}.proyectos-multimedia__list-title{font-size:var(--toyota-font-size-base);font-weight:600;color:var(--toyota-gray-900);margin:0 0 var(--toyota-space-1)}.proyectos-multimedia__list-desc{font-size:var(--font-size-body2);color:var(--toyota-gray-600);margin:0 0 var(--toyota-space-2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.proyectos-multimedia__list-status{display:flex;align-items:center;gap:var(--toyota-space-2);font-size:var(--toyota-font-size-sm);color:var(--toyota-gray-600);margin:0}.proyectos-multimedia__list-actions{display:flex;align-items:center;gap:var(--toyota-space-4);flex-shrink:0}.proyectos-multimedia__pagination{display:flex;align-items:center;justify-content:center;gap:var(--toyota-space-3);margin-top:var(--toyota-space-8);padding-top:var(--toyota-space-6)}.proyectos-multimedia__page-btn{padding:var(--toyota-space-2) var(--toyota-space-4);border:1px solid var(--toyota-gray-300);background:var(--toyota-white);border-radius:var(--toyota-border-radius);font-family:var(--font-primary);font-size:var(--font-size-body2);cursor:pointer;color:var(--toyota-gray-700)}.proyectos-multimedia__page-btn:hover:not(:disabled){background:var(--toyota-gray-100);border-color:var(--toyota-gray-400)}.proyectos-multimedia__page-btn:disabled{opacity:.5;cursor:not-allowed}.proyectos-multimedia__page-nums{display:flex;align-items:center;gap:var(--toyota-space-1)}.proyectos-multimedia__page-num{min-width:36px;height:36px;padding:0;border:1px solid var(--toyota-gray-300);background:var(--toyota-white);border-radius:var(--toyota-border-radius);font-family:var(--font-primary);font-size:var(--font-size-body2);cursor:pointer;color:var(--toyota-gray-700)}.proyectos-multimedia__page-num:hover,.proyectos-multimedia__page-num.is-current{background:var(--toyota-teal);color:var(--toyota-white);border-color:var(--toyota-teal)}.proyectos-multimedia__page-ellipsis{padding:0 var(--toyota-space-2);color:var(--toyota-gray-500);font-size:var(--font-size-body2)}.proyecto-form{padding:var(--toyota-space-6);max-width:1200px;margin:0 auto}.proyecto-form__loading{text-align:center;color:var(--toyota-gray-600);padding:var(--toyota-space-8);margin:0}.proyecto-form__header{margin-bottom:var(--toyota-space-6)}.proyecto-form__title{font-size:var(--toyota-font-size-2xl);font-weight:600;color:var(--toyota-gray-900);margin:0 0 var(--toyota-space-2)}.proyecto-form__breadcrumb{font-size:var(--font-size-body2);color:var(--toyota-gray-600);margin-bottom:var(--toyota-space-2)}.proyecto-form__breadcrumb-link{color:var(--toyota-gray-600);text-decoration:none}.proyecto-form__breadcrumb-link:hover{text-decoration:underline}.proyecto-form__breadcrumb-sep{margin:0 var(--toyota-space-1);color:var(--toyota-gray-400)}.proyecto-form__breadcrumb-current{color:var(--toyota-gray-500)}.proyecto-form__back{color:var(--toyota-red);font-size:var(--font-size-body2);font-weight:700;text-decoration:none;display:inline-block}.proyecto-form__back:hover{text-decoration:underline}.proyecto-form__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--toyota-space-6);margin-bottom:var(--toyota-space-6)}@media (max-width: 900px){.proyecto-form__layout{grid-template-columns:1fr}}.proyecto-form__card{background:var(--toyota-white);border-radius:var(--toyota-border-radius-lg);box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a;border:1px solid var(--toyota-gray-200);padding:var(--toyota-space-6)}.proyecto-form__card-title{font-size:var(--toyota-font-size-lg);font-weight:600;color:var(--toyota-gray-900);margin:0 0 var(--toyota-space-4)}.proyecto-form__field{margin-bottom:var(--toyota-space-4)}.proyecto-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--toyota-space-4)}.proyecto-form__label{display:block;font-size:var(--font-size-body2);font-weight:600;color:var(--toyota-gray-900);margin-bottom:var(--toyota-space-2)}.proyecto-form__input,.proyecto-form__select,.proyecto-form__textarea{width:100%;padding:var(--toyota-space-3) var(--toyota-space-4);border:1px solid var(--toyota-gray-300);border-radius:var(--toyota-border-radius);font-family:var(--font-primary);font-size:var(--font-size-body2);color:var(--toyota-gray-900);background:var(--toyota-white);transition:border-color .2s ease;box-sizing:border-box}.proyecto-form__input:focus,.proyecto-form__select:focus,.proyecto-form__textarea:focus{outline:none;border-color:#5bc0de}.proyecto-form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.proyecto-form__textarea{resize:vertical;min-height:100px}.proyecto-form__hint{display:block;font-size:var(--toyota-font-size-xs);color:var(--toyota-gray-500);margin-top:var(--toyota-space-1)}.proyecto-form__toggle-label{display:inline-flex;align-items:center;gap:var(--toyota-space-3);cursor:pointer}.proyecto-form__toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.proyecto-form__toggle-slider{width:44px;height:24px;border-radius:12px;background:var(--toyota-gray-300);transition:background .2s ease;flex-shrink:0}.proyecto-form__toggle-slider:after{content:"";display:block;width:20px;height:20px;margin:2px;border-radius:50%;background:var(--toyota-white);box-shadow:0 1px 2px #0003;transition:transform .2s ease}.proyecto-form__toggle-input:checked+.proyecto-form__toggle-slider{background:#5bc0de}.proyecto-form__toggle-input:checked+.proyecto-form__toggle-slider:after{transform:translate(20px)}.proyecto-form__toggle-text{font-size:var(--font-size-body2);font-weight:500;color:var(--toyota-gray-900)}.proyecto-form__field--toggle{margin-bottom:0}.proyecto-form__image-preview{width:100%;aspect-ratio:16/10;border:2px dashed #5BC0DE;border-radius:var(--toyota-border-radius-lg);background:var(--toyota-gray-50);display:flex;align-items:center;justify-content:center;margin:var(--toyota-space-4) 0;overflow:hidden}.proyecto-form__image-actual{width:100%;height:100%;object-fit:contain}.proyecto-form__image-placeholder{display:inline-flex;color:#5bc0de;opacity:.8}.proyecto-form__change-image{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:0;border:none;background:none;color:var(--toyota-red);font-size:var(--font-size-body2);font-weight:600;cursor:pointer}.proyecto-form__change-image:hover{text-decoration:underline}.proyecto-form__change-image svg{flex-shrink:0}.proyecto-form__actions{display:flex;gap:var(--toyota-space-4);flex-wrap:wrap}.proyecto-form__btn{padding:var(--toyota-space-3) var(--toyota-space-6);border-radius:var(--toyota-border-radius-lg);font-family:var(--font-primary);font-size:var(--font-size-body2);font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.proyecto-form__btn--primary{background:var(--toyota-gray-900);color:var(--toyota-white);border:none}.proyecto-form__btn--primary:hover:not(:disabled){background:var(--toyota-gray-800)}.proyecto-form__btn--primary:disabled{opacity:.6;cursor:not-allowed}.proyecto-form__btn--secondary{background:var(--toyota-white);color:var(--toyota-gray-800);border:1px solid var(--toyota-gray-300)}.proyecto-form__btn--secondary:hover:not(:disabled){background:var(--toyota-gray-50);border-color:var(--toyota-gray-400)}.tm-page-title{font-weight:var(--toyota-font-weight-bold);color:var(--toyota-neutral-black);margin:0;font-size:var(--toyota-font-size-2xl);line-height:var(--toyota-line-height-heading);letter-spacing:0}.tm-section-title{color:var(--toyota-heading-dark);margin:0;font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-xl);line-height:var(--toyota-line-height-body);letter-spacing:0}.tm-btn-dark{display:inline-flex;align-items:center;gap:var(--toyota-space-2);padding:var(--toyota-space-3) var(--toyota-space-6);border:none;border-radius:var(--toyota-border-radius-lg);background:var(--toyota-neutral-black);color:var(--toyota-white);font-size:var(--toyota-font-size-base);font-weight:var(--toyota-font-weight-semibold);cursor:pointer;transition:background-color .15s ease;white-space:nowrap;line-height:var(--toyota-line-height-body);letter-spacing:0}.tm-btn-dark:hover{background:var(--toyota-gray-800);color:var(--toyota-white)}.tm-btn-dark:disabled{background:var(--toyota-disabled-bg);color:var(--toyota-white);cursor:not-allowed}.tm-field-label{color:var(--toyota-label-color);font-weight:var(--toyota-font-weight-semibold);font-size:var(--toyota-font-size-sm);line-height:var(--toyota-line-height-body);letter-spacing:0;display:block}.tm-filter-card{background:var(--toyota-white);border-radius:var(--toyota-border-radius-xl);padding:var(--toyota-space-4);box-shadow:var(--toyota-shadow-card)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Toyota Type,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#2c2c2c;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;min-height:100vh;flex:1;background:#f5f5f5;align-items:stretch}.sidebar{width:280px;flex:0 0 280px;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:1000;border-right:1px solid #2d2d2d;box-sizing:border-box}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.brand-info{display:flex;align-items:center;gap:.75rem}.brand-icon{background:#eb0a1e;color:#fff;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;width:36px;height:36px}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.brand-subtitle{font-size:.75rem;color:#999;margin:0}.toyota-logo{font-size:1.5rem;font-weight:900;letter-spacing:2px;color:#eb0a1e;background:#fff;padding:.5rem 1rem;display:inline-block;margin-bottom:1rem}.sidebar-header h2{font-size:1.2rem;font-weight:300;color:#ccc}.sidebar-nav{flex:1;padding:40px 12px}.nav-item{width:100%;background:transparent;color:#ccc;border:none;padding:1rem 2rem;text-align:left;cursor:pointer;font-size:1rem;transition:all .3s ease;border-left:4px solid transparent;display:flex;align-items:center;gap:1rem}.nav-item:hover{background:#eb0a1e1a;color:#fff;border-left-color:#eb0a1e}.nav-item.active{background:#eb0a1e33;color:#fff;border-left-color:#eb0a1e;font-weight:600}.nav-icon{font-size:1.2rem}.nav-text{font-size:1rem}.sidebar-footer{padding:24px;border-top:none}.user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;background:#eb0a1e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.user-details{flex:1;display:flex;flex-direction:column}.user-name{font-weight:600;color:#fff;font-size:.9rem}.user-email{font-size:.8rem;color:#999}.logout-btn{width:100%;background:transparent;color:#ccc;border:1px solid rgba(255,255,255,.2);padding:.75rem;cursor:pointer;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-btn:hover{background:#eb0a1e1a;border-color:#eb0a1e;color:#fff}.main-content{flex:1 1 auto;min-width:0;min-height:100vh;background:#f5f5f5}.content-header{background:#fff;padding:2rem 3rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.page-title{font-size:2rem;font-weight:700;color:#2c2c2c;margin:0}.user-greeting{color:#666;font-size:1rem}.upload-section{padding:3rem}.upload-card{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 20px #00000014;border-top:4px solid #eb0a1e}.drop-zone{border:3px dashed #eb0a1e;border-radius:12px;padding:4rem 2rem;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer}.drop-zone:hover{background:#f0f0f0;border-color:#c8091a;transform:translateY(-2px)}.file-input-hidden{display:none}.drop-zone-label{cursor:pointer;display:block}.drop-zone-icon{font-size:4rem;margin-bottom:1rem}.drop-zone h3{font-size:1.5rem;color:#2c2c2c;margin-bottom:.5rem;font-weight:600}.drop-zone p{color:#666;font-size:1.1rem}.selected-files{background:#f8f9fa;border-radius:12px;padding:2rem;margin-top:2rem;border-left:4px solid #eb0a1e}.selected-files h3{color:#2c2c2c;font-weight:700;font-size:1.3rem;margin-bottom:1.5rem}.file-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.file-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.file-icon{font-size:2rem}.file-details{flex:1;display:flex;flex-direction:column}.file-name{font-weight:600;color:#2c2c2c}.file-size{color:#666;font-size:.9rem}.upload-btn{background:#eb0a1e;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:200px}.upload-btn:hover:not(:disabled){background:#c8091a;transform:translateY(-2px);box-shadow:0 4px 12px #eb0a1e4d}.upload-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-results{background:#e8f5e8;border:2px solid #4caf50;border-radius:12px;padding:2rem;margin-top:2rem}.upload-results h3{color:#2e7d32;font-weight:700;font-size:1.3rem;margin-bottom:1rem}.results-list{display:flex;flex-direction:column;gap:.5rem}.result-item{padding:.5rem 0;font-size:1rem}.gallery-section{padding:3rem}.gallery-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #00000014;border-top:4px solid #eb0a1e}.stat-number{display:block;font-size:3rem;font-weight:900;color:#eb0a1e;margin-bottom:.5rem}.stat-label{color:#666;font-size:1rem;font-weight:500}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.file-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.file-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.file-card-header{padding:1.5rem;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.file-type-icon{font-size:2rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.uploaded{background:#e8f5e8;color:#2e7d32}.file-preview{width:100%;height:200px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-image:hover{transform:scale(1.05)}.file-card-body{padding:1.5rem}.file-title{font-size:1.1rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;word-break:break-word}.file-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;justify-content:space-between;align-items:center}.meta-label{color:#666;font-size:.9rem}.meta-value{color:#2c2c2c;font-weight:500;font-size:.9rem}.file-key{font-family:Courier New,monospace;font-size:.8rem;color:#666;word-break:break-all}.file-url{color:#eb0a1e;text-decoration:none;font-weight:600;transition:all .3s ease}.file-url:hover{color:#c8091a;text-decoration:underline}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;color:#2c2c2c;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:2rem}.empty-action{background:#eb0a1e;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.empty-action:hover{background:#c8091a;transform:translateY(-2px)}.nav-section{margin-bottom:2rem}.nav-section-title{color:#999;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem 2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.nav-section:first-child .nav-section-title{border-top:none;padding-top:0}.vehicle-manager,.color-manager{padding:3rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:700;color:#2c2c2c;margin:0}.form-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border-top:4px solid #eb0a1e;margin-bottom:3rem}.form-card h3{margin:0 0 1.5rem;color:#2c2c2c;font-weight:700}.vehicle-form,.color-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row input,.form-row select,.vehicle-form input,.color-form input{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-row input:focus,.form-row select:focus,.vehicle-form input:focus,.color-form input:focus{outline:none;border-color:#eb0a1e}.checkbox-row{display:flex;gap:2rem;align-items:center}.checkbox-row label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.checkbox-row input[type=checkbox]{width:auto;margin:0}.color-preview{width:50px;height:40px;border:2px solid #ddd;border-radius:8px}.submit-btn{background:#eb0a1e;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;align-self:flex-start}.submit-btn:hover{background:#c8091a;transform:translateY(-2px)}.vehicles-grid,.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.vehicle-card,.color-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-left:4px solid #eb0a1e}.vehicle-card:hover,.color-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.vehicle-header,.color-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}.vehicle-header h4,.color-info h4{margin:0;color:#2c2c2c;font-weight:700;font-size:1.1rem}.vehicle-id,.color-id{background:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.vehicle-details,.color-details{display:flex;flex-direction:column;gap:.5rem}.vehicle-details p,.color-details p{margin:0;font-size:.9rem;color:#666}.vehicle-details strong,.color-details strong{color:#2c2c2c}.color-header{align-items:flex-start}.color-sample{width:40px;height:40px;border-radius:50%;border:2px solid #ddd;margin-right:1rem}.color-info{flex:1}.color-badges{display:flex;gap:.5rem;margin-top:1rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge.metallic{background:#e3f2fd;color:#1976d2}.badge.premium{background:#fff3e0;color:#f57c00}.loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}@media (max-width: 1024px){.sidebar{width:250px}.main-content{margin-left:250px}.content-header{padding:1.5rem 2rem}.upload-section,.gallery-section{padding:2rem}}@media (max-width: 768px){.sidebar{width:100%;position:fixed;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.content-header{padding:1rem}.page-title{font-size:1.5rem}.upload-section,.gallery-section{padding:1rem}.upload-card,.drop-zone{padding:2rem 1rem}.file-grid{grid-template-columns:1fr}.gallery-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}