:root{--ft-primary:#1E3A5F;--ft-primary-light:#2D5A8A;--ft-primary-dark:#142840;--ft-bg-page:#F5F6F8;--ft-bg-card:#FFFFFF;--ft-bg-muted:#E6EEF6;--ft-text-primary:#2B2B2B;--ft-text-secondary:#6B7280;--ft-text-muted:#9CA3AF;--ft-border:#E5E7EB;--ft-border-focus:#1E3A5F;--ft-status-success-bg:#D1FAE5;--ft-status-success-text:#065F46;--ft-status-warning-bg:#FEF3C7;--ft-status-warning-text:#92400E;--ft-status-error-bg:#FEE2E2;--ft-status-error-text:#DC2626;--ft-status-info-bg:#DBEAFE;--ft-status-info-text:#1E40AF;--ft-font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ft-text-xs:12px;--ft-text-sm:14px;--ft-text-base:16px;--ft-text-lg:18px;--ft-text-xl:20px;--ft-text-2xl:24px;--ft-text-3xl:28px;--ft-space-1:4px;--ft-space-2:8px;--ft-space-3:12px;--ft-space-4:16px;--ft-space-5:20px;--ft-space-6:24px;--ft-space-8:32px;--ft-space-10:40px;--ft-radius-sm:4px;--ft-radius-md:8px;--ft-radius-lg:12px;--ft-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--ft-shadow-md:0 4px 6px rgba(0,0,0,0.07);--ft-shadow-lg:0 10px 15px rgba(0,0,0,0.1);--ft-sidebar-width:260px;--ft-sidebar-bg:#1E3A5F;--ft-sidebar-text:#FFFFFF;--ft-sidebar-hover:rgba(255,255,255,0.1);--ft-sidebar-active:rgba(255,255,255,0.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--ft-font-family);background-color:var(--ft-bg-page);line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:var(--ft-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:var(--ft-text-2xl)}h2{font-size:var(--ft-text-xl)}h3{font-size:var(--ft-text-lg)}p{color:var(--ft-text-secondary);font-size:var(--ft-text-sm)}a{color:var(--ft-primary);text-decoration:none}a:hover{color:var(--ft-primary-light)}input,select,textarea{font-family:inherit;font-size:var(--ft-text-sm);padding:var(--ft-space-2) var(--ft-space-3);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);background-color:var(--ft-bg-card);color:var(--ft-text-primary);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ft-border-focus);box-shadow:0 0 0 3px rgba(30,58,95,.1)}input::placeholder,textarea::placeholder{color:var(--ft-text-muted)}label{display:block;color:var(--ft-text-primary);margin-bottom:var(--ft-space-1)}button,label{font-size:var(--ft-text-sm);font-weight:500}button{font-family:inherit;padding:var(--ft-space-2) var(--ft-space-4);border:none;border-radius:var(--ft-radius-md);cursor:pointer;transition:background-color .2s ease,transform .1s ease}button:disabled{opacity:.6;cursor:not-allowed}button:active:not(:disabled){transform:scale(.98)}table{width:100%;border-collapse:collapse;background-color:var(--ft-bg-card);border-radius:var(--ft-radius-md);overflow:hidden;box-shadow:var(--ft-shadow-sm);font-size:var(--ft-text-sm)}th{background-color:var(--ft-bg-muted);font-weight:600;font-size:var(--ft-text-xs);text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--ft-text-secondary);border-bottom:2px solid var(--ft-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}td,th{padding:var(--ft-space-3)}td{border-bottom:1px solid var(--ft-border);color:var(--ft-text-primary);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:rgba(230,238,246,.5)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--ft-space-1) var(--ft-space-2);font-size:var(--ft-text-xs);font-weight:600;border-radius:var(--ft-radius-sm);white-space:nowrap}.badge-paid{background-color:var(--ft-status-success-bg);color:var(--ft-status-success-text)}.badge-pending{background-color:var(--ft-status-warning-bg);color:var(--ft-status-warning-text)}.badge-failed{background-color:var(--ft-status-error-bg);color:var(--ft-status-error-text)}.badge-refunded{background-color:var(--ft-status-info-bg);color:var(--ft-status-info-text)}.badge-active{background-color:var(--ft-status-success-bg);color:var(--ft-status-success-text)}.badge-inactive{background-color:var(--ft-status-error-bg);color:var(--ft-status-error-text)}.badge-admin{background-color:#FEF3C7;color:#92400E;font-size:10px;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background-color:var(--ft-primary);color:white}.btn-primary:hover:not(:disabled){background-color:var(--ft-primary-light)}.btn-secondary{background-color:var(--ft-bg-muted);color:var(--ft-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--ft-border)}.btn-danger{background-color:var(--ft-status-error-text);color:white}.btn-danger:hover:not(:disabled){background-color:#B91C1C}.card{background-color:var(--ft-bg-card);border-radius:var(--ft-radius-lg);padding:var(--ft-space-5);box-shadow:var(--ft-shadow-sm)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--ft-sidebar-width);background-color:var(--ft-sidebar-bg);color:var(--ft-sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:var(--ft-space-5);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{font-size:var(--ft-text-lg);font-weight:700;color:white;display:flex;align-items:center;gap:var(--ft-space-2)}.sidebar-admin-badge{margin-top:var(--ft-space-2);padding:var(--ft-space-1) var(--ft-space-2);background-color:rgba(254,243,199,.9);color:#92400E;border-radius:var(--ft-radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.sidebar-nav{flex:1 1;padding:var(--ft-space-4) 0}.sidebar-nav a{display:flex;align-items:center;gap:var(--ft-space-3);padding:var(--ft-space-3) var(--ft-space-5);color:rgba(255,255,255,.8);font-size:var(--ft-text-sm);font-weight:500;transition:background-color .2s ease,color .2s ease}.sidebar-nav a:hover{background-color:var(--ft-sidebar-hover);color:white;text-decoration:none}.sidebar-nav a.active{background-color:var(--ft-sidebar-active);color:white}.sidebar-footer{padding:var(--ft-space-4) var(--ft-space-5);border-top:1px solid rgba(255,255,255,.1)}.main-content{margin-left:var(--ft-sidebar-width);flex:1 1;padding:var(--ft-space-6);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ft-space-6)}.page-title{font-size:var(--ft-text-2xl);font-weight:600;color:var(--ft-text-primary)}.filters{display:flex;gap:var(--ft-space-3);align-items:flex-end;margin-bottom:var(--ft-space-5);padding:var(--ft-space-4);background-color:var(--ft-bg-card);border-radius:var(--ft-radius-md);box-shadow:var(--ft-shadow-sm);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--ft-space-1)}.filter-group label{font-size:var(--ft-text-xs);font-weight:500;color:var(--ft-text-secondary);margin-bottom:0}.filter-group input,.filter-group select{min-width:150px}.detail-grid{grid-template-columns:1fr 1fr;grid-gap:var(--ft-space-5);gap:var(--ft-space-5)}.detail-section{background-color:var(--ft-bg-card);border-radius:var(--ft-radius-md);padding:var(--ft-space-5);box-shadow:var(--ft-shadow-sm)}.detail-section h3{font-size:var(--ft-text-lg);margin-bottom:var(--ft-space-4);padding-bottom:var(--ft-space-3)}.detail-row,.detail-section h3{border-bottom:1px solid var(--ft-border)}.detail-row{display:flex;justify-content:space-between;padding:var(--ft-space-2) 0}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--ft-text-sm);color:var(--ft-text-secondary)}.detail-value{font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-primary)}.stripe-id{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:var(--ft-text-xs);background-color:var(--ft-bg-muted);padding:var(--ft-space-2) var(--ft-space-3);border-radius:var(--ft-radius-sm);word-break:break-all}.refund-section{background-color:var(--ft-status-info-bg);border:2px solid #93c5fd;border-radius:var(--ft-radius-md);padding:var(--ft-space-5)}.refund-section h3{color:var(--ft-status-info-text);border-bottom-color:#93C5FD}.alert-error{background-color:var(--ft-status-error-bg);color:var(--ft-status-error-text);padding:var(--ft-space-3) var(--ft-space-4);border-radius:var(--ft-radius-md);margin-bottom:var(--ft-space-4);font-size:var(--ft-text-sm)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--ft-space-10);color:var(--ft-text-muted)}.amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amount-large{font-size:var(--ft-text-2xl);font-weight:700;color:var(--ft-text-primary)}.mono{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:var(--ft-text-xs)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--ft-space-2)}.gap-3{gap:var(--ft-space-3)}.gap-4{gap:var(--ft-space-4)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:var(--ft-text-sm)}.text-xs{font-size:var(--ft-text-xs)}.text-muted{color:var(--ft-text-muted)}.mt-2{margin-top:var(--ft-space-2)}.mt-4{margin-top:var(--ft-space-4)}.mt-6{margin-top:var(--ft-space-6)}.mb-2{margin-bottom:var(--ft-space-2)}.mb-4{margin-bottom:var(--ft-space-4)}.mb-6{margin-bottom:var(--ft-space-6)}.w-full{width:100%}.skeleton{background:linear-gradient(90deg,var(--ft-bg-muted) 25%,#f0f0f0 50%,var(--ft-bg-muted) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--ft-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;width:100%;margin-bottom:var(--ft-space-2)}.skeleton-text-sm{height:12px;width:60%}.skeleton-rect{height:40px;width:100%}.skeleton-card{height:120px;width:100%;border-radius:var(--ft-radius-md)}.skeleton-table-row{display:flex;gap:var(--ft-space-3);padding:var(--ft-space-3);border-bottom:1px solid var(--ft-border)}.skeleton-table-row>div{height:20px;flex:1 1}.empty-state{text-align:center;padding:var(--ft-space-10);background-color:var(--ft-bg-card);border-radius:var(--ft-radius-lg);border:2px dashed var(--ft-border)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--ft-space-4);color:var(--ft-text-muted);opacity:.5}.empty-state h3{font-size:var(--ft-text-lg);color:var(--ft-text-primary);margin-bottom:var(--ft-space-2)}.empty-state p{font-size:var(--ft-text-sm);color:var(--ft-text-secondary);margin-bottom:var(--ft-space-4);max-width:400px;margin-left:auto;margin-right:auto}.empty-state-action{display:inline-flex;align-items:center;gap:var(--ft-space-2);padding:var(--ft-space-2) var(--ft-space-4);background-color:var(--ft-primary);color:white;border-radius:var(--ft-radius-md);font-size:var(--ft-text-sm);font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none}.empty-state-action:hover{background-color:var(--ft-primary-light)}.empty-state-positive{border-color:var(--ft-status-success-bg);background-color:rgba(209,250,229,.3)}.empty-state-positive .empty-state-icon{color:var(--ft-status-success-text);opacity:.7}.alert{display:flex;align-items:flex-start;gap:var(--ft-space-3);padding:var(--ft-space-3) var(--ft-space-4);border-radius:var(--ft-radius-md);margin-bottom:var(--ft-space-4);font-size:var(--ft-text-sm)}.alert-icon{flex-shrink:0;width:20px;height:20px}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:var(--ft-space-1)}.alert-info{background-color:var(--ft-status-info-bg);color:var(--ft-status-info-text);border:1px solid #93c5fd}.alert-warning{background-color:var(--ft-status-warning-bg);color:var(--ft-status-warning-text);border:1px solid #fcd34d}.alert-success{background-color:var(--ft-status-success-bg);color:var(--ft-status-success-text);border:1px solid #6ee7b7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--ft-space-4);gap:var(--ft-space-4);margin-bottom:var(--ft-space-6)}.stat-card{background-color:var(--ft-bg-card);border-radius:var(--ft-radius-md);padding:var(--ft-space-4);box-shadow:var(--ft-shadow-sm);display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s ease,transform .1s ease}.stat-card:hover{box-shadow:var(--ft-shadow-md);transform:translateY(-1px)}.stat-label{font-size:var(--ft-text-xs);font-weight:500;color:var(--ft-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--ft-space-2)}.stat-value{font-size:var(--ft-text-2xl);font-weight:700;color:var(--ft-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-subtitle,.stat-value-null{color:var(--ft-text-muted)}.stat-subtitle{font-size:var(--ft-text-xs);margin-top:var(--ft-space-1)}.stat-not-connected{display:inline-flex;align-items:center;gap:var(--ft-space-1);font-size:10px;color:var(--ft-text-muted);padding:2px 6px;border-radius:var(--ft-radius-sm);margin-top:var(--ft-space-2)}.period-toggle,.stat-not-connected{background-color:var(--ft-bg-muted)}.period-toggle{display:flex;border-radius:var(--ft-radius-md);padding:2px}.period-toggle-btn{padding:var(--ft-space-2) var(--ft-space-4);background:transparent;border:none;border-radius:var(--ft-radius-sm);font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-secondary);cursor:pointer;transition:all .2s ease}.period-toggle-btn.active{background-color:var(--ft-bg-card);color:var(--ft-primary);box-shadow:var(--ft-shadow-sm)}.revenue-bar-container{margin-top:var(--ft-space-4)}.revenue-bar-item{display:flex;align-items:center;gap:var(--ft-space-3);margin-bottom:var(--ft-space-3)}.revenue-bar-label{font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-primary);min-width:80px}.revenue-bar-track{flex:1 1;height:24px;background-color:var(--ft-bg-muted);border-radius:var(--ft-radius-sm);overflow:hidden}.revenue-bar-fill{height:100%;background-color:var(--ft-primary);border-radius:var(--ft-radius-sm);transition:width .3s ease}.revenue-bar-value{font-size:var(--ft-text-sm);font-weight:600;color:var(--ft-text-primary);min-width:100px;text-align:right}.events-list{margin-top:var(--ft-space-4)}.event-item{display:flex;align-items:center;gap:var(--ft-space-3);padding:var(--ft-space-3);border-bottom:1px solid var(--ft-border)}.event-item:last-child{border-bottom:none}.event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-dot.error{background-color:var(--ft-status-error-text)}.event-dot.success{background-color:var(--ft-status-success-text)}.event-dot.info{background-color:var(--ft-status-info-text)}.event-dot.warning{background-color:var(--ft-status-warning-text)}.event-text{flex:1 1;font-size:var(--ft-text-sm);color:var(--ft-text-primary)}.event-time{font-size:var(--ft-text-xs);color:var(--ft-text-muted)}.alerts-summary{margin-top:var(--ft-space-4)}.alert-row{display:flex;align-items:center;gap:var(--ft-space-3);padding:var(--ft-space-2) 0}.alert-count{font-size:var(--ft-text-lg);font-weight:700;min-width:30px}.alert-count.error{color:var(--ft-status-error-text)}.alert-count.warning{color:var(--ft-status-warning-text)}.alert-count.info{color:var(--ft-status-info-text)}.alert-desc{font-size:var(--ft-text-sm);color:var(--ft-text-secondary)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--ft-space-4);background-color:var(--ft-bg-card);border-radius:var(--ft-radius-md);margin-top:var(--ft-space-4)}.pagination-info{font-size:var(--ft-text-sm);color:var(--ft-text-secondary)}.pagination-controls{display:flex;gap:var(--ft-space-1)}.pagination-btn{padding:var(--ft-space-2) var(--ft-space-3);background-color:var(--ft-bg-muted);border:none;border-radius:var(--ft-radius-sm);font-size:var(--ft-text-sm);cursor:pointer}.pagination-btn:hover:not(:disabled){background-color:var(--ft-border)}.pagination-btn.active{background-color:var(--ft-primary);color:white}.search-box{position:relative;flex:1 1;max-width:300px}.search-box input{width:100%;padding-left:var(--ft-space-8)}.search-box-icon{position:absolute;left:var(--ft-space-3);top:50%;transform:translateY(-50%);color:var(--ft-text-muted)}.sidebar-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);padding:var(--ft-space-4) var(--ft-space-5) var(--ft-space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--ft-space-3);padding:var(--ft-space-3) var(--ft-space-5);color:rgba(255,255,255,.8);font-size:var(--ft-text-sm);font-weight:500;transition:background-color .2s ease,color .2s ease;text-decoration:none}.sidebar-link:hover{background-color:var(--ft-sidebar-hover);color:white;text-decoration:none}.sidebar-link-active{background-color:var(--ft-sidebar-active);color:white}.badge-confirmed{background-color:var(--ft-status-info-bg);color:var(--ft-status-info-text)}.badge-ready{background-color:var(--ft-status-success-bg);color:var(--ft-status-success-text)}.badge-out{background-color:var(--ft-status-warning-bg);color:var(--ft-status-warning-text)}.badge-returned{background-color:var(--ft-bg-muted);color:var(--ft-text-secondary)}.badge-cancelled{background-color:var(--ft-status-error-bg);color:var(--ft-status-error-text)}.btn-filter{padding:var(--ft-space-2) var(--ft-space-4);background-color:var(--ft-bg-card);border-radius:var(--ft-radius-md)}.btn-filter-active:hover{background-color:var(--ft-primary-light);border-color:var(--ft-primary-light);color:white}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ft-space-3);padding:var(--ft-space-6);background-color:var(--ft-bg-card);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-secondary)}.quick-action-card:hover{border-color:var(--ft-primary);color:var(--ft-primary);box-shadow:var(--ft-shadow-md);transform:translateY(-2px)}.quick-action-card svg{opacity:.7}.quick-action-card:hover svg{opacity:1}.btn-sm{padding:var(--ft-space-1) var(--ft-space-3);font-size:var(--ft-text-xs)}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.filters{flex-direction:column;align-items:stretch}.filter-group input,.filter-group select{width:100%}}.tabs-nav{display:flex;gap:var(--ft-space-1);border-bottom:2px solid var(--ft-border);padding-bottom:0}.tab-btn{padding:var(--ft-space-3) var(--ft-space-4);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--ft-space-2);transition:all .2s ease}.tab-btn:hover{color:var(--ft-primary);background-color:var(--ft-bg-muted)}.tab-btn-active{color:var(--ft-primary);border-bottom-color:var(--ft-primary);font-weight:600}.tab-badge{background-color:var(--ft-primary);color:white;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--ft-space-4);gap:var(--ft-space-4)}.image-card{border:2px solid var(--ft-border);border-radius:var(--ft-radius-lg);overflow:hidden;background:var(--ft-bg-card);transition:all .2s ease}.image-card:hover{border-color:var(--ft-primary-light);box-shadow:0 4px 12px rgba(0,0,0,.1)}.image-card-primary{border-color:var(--ft-primary);box-shadow:0 0 0 2px rgba(30,58,95,.2)}.image-preview{width:100%;height:140px;background-color:var(--ft-bg-muted);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--ft-space-2) var(--ft-space-3);background-color:var(--ft-bg-page);border-top:1px solid var(--ft-border)}.btn-icon{background:transparent;border:none;padding:var(--ft-space-2);border-radius:var(--ft-radius-sm);cursor:pointer;color:var(--ft-text-secondary);transition:all .2s ease}.btn-icon:hover{background-color:var(--ft-bg-muted);color:var(--ft-primary)}.btn-icon-danger:hover{background-color:var(--ft-status-error-bg);color:var(--ft-status-error-text)}.primary-badge{font-size:var(--ft-text-xs);font-weight:600;color:var(--ft-primary);background-color:var(--ft-bg-muted);padding:2px 8px;border-radius:var(--ft-radius-sm)}.upload-btn{display:inline-block;cursor:pointer}.upload-btn .btn{pointer-events:none}.form-textarea{width:100%;padding:var(--ft-space-3);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);font-size:var(--ft-text-sm);font-family:var(--ft-font-family);resize:vertical;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:var(--ft-primary);box-shadow:0 0 0 3px rgba(30,58,95,.1)}.form-select{padding:var(--ft-space-2) var(--ft-space-3);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);font-size:var(--ft-text-sm);background-color:white;cursor:pointer;min-width:150px}.form-select:focus{outline:none;border-color:var(--ft-primary)}.btn-action{padding:6px 12px;font-size:var(--ft-text-sm);font-weight:500;background-color:white;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);color:var(--ft-text-primary);cursor:pointer;transition:all .2s ease}.btn-action:hover{background-color:var(--ft-bg-muted);border-color:var(--ft-primary);color:var(--ft-primary)}.btn-filter{padding:6px 12px;font-size:var(--ft-text-sm);font-weight:500;background-color:white;border:1px solid var(--ft-border);border-radius:var(--ft-radius-sm);color:var(--ft-text-secondary);cursor:pointer;transition:all .2s ease}.btn-filter:hover{background-color:var(--ft-bg-muted);border-color:var(--ft-primary);color:var(--ft-primary)}.btn-filter-active{background-color:var(--ft-primary);border-color:var(--ft-primary);color:white}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--ft-space-4);overflow-y:auto}.modal-content{background-color:var(--ft-bg-card);border-radius:var(--ft-radius-lg);box-shadow:var(--ft-shadow-lg);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ft-space-6);border-bottom:1px solid var(--ft-border)}.modal-body{padding:var(--ft-space-6);overflow-y:auto;flex:1 1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ft-space-3);padding:var(--ft-space-6);border-top:1px solid var(--ft-border)}.form-group{margin-bottom:var(--ft-space-4)}.form-group label{display:block;margin-bottom:var(--ft-space-2);font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-primary)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--ft-space-4);gap:var(--ft-space-4)}.detail-grid>div{display:flex;flex-direction:column;gap:var(--ft-space-1)}@media (max-width:768px){.tabs-nav{flex-wrap:wrap}.tab-btn{padding:var(--ft-space-2) var(--ft-space-3);font-size:var(--ft-text-xs)}.image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--ft-space-3)}}.radio-card{position:relative;display:flex;align-items:flex-start;gap:var(--ft-space-3);padding:var(--ft-space-4);border:2px solid var(--ft-border);border-radius:var(--ft-radius-md);cursor:pointer;transition:all .2s ease}.radio-card input[type=radio]{margin-top:4px}.radio-card:hover{border-color:var(--ft-primary);background:rgba(30,58,95,.02)}.radio-card input[type=radio]:checked+div,.radio-card:has(input[type=radio]:checked){border-color:var(--ft-primary);background:rgba(30,58,95,.05)}.radio-card h4{margin:0 0 var(--ft-space-1) 0;font-size:var(--ft-text-base);color:var(--ft-text)}.planning-header{display:flex;flex-wrap:wrap;gap:var(--ft-space-4);align-items:flex-end;padding:var(--ft-space-4);background:white;border-radius:var(--ft-radius-lg);border:1px solid var(--ft-border);margin-bottom:var(--ft-space-4)}.planning-selector{flex:1 1;min-width:250px}.planning-nav-buttons{display:flex;gap:var(--ft-space-2);flex-wrap:wrap}.planning-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--ft-space-4);gap:var(--ft-space-4);margin-bottom:var(--ft-space-6)}.planning-grid-container{background:white;border-radius:var(--ft-radius-lg);border:1px solid var(--ft-border);overflow:hidden;margin-top:var(--ft-space-6)}.planning-grid{display:grid;grid-template-columns:80px repeat(7,1fr);position:relative;overflow-x:auto;min-width:1000px}.planning-grid-header{display:contents}.planning-grid-header-cell{padding:var(--ft-space-3);background:var(--ft-bg-muted);border-bottom:2px solid var(--ft-border);text-align:center;font-weight:600;font-size:var(--ft-text-sm);color:var(--ft-text-primary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.planning-grid-header-cell.time-col{background:white;border-right:2px solid var(--ft-border)}.planning-grid-header-cell.selected-day{background:#E3F2FD;border-bottom-color:#1976D2;border-bottom-width:3px}.planning-grid-header-cell:not(.time-col):hover{background:#F5F5F5;cursor:pointer}.planning-day-name{display:block;font-size:var(--ft-text-xs);font-weight:700;text-transform:uppercase;color:var(--ft-text-secondary);margin-bottom:2px}.planning-day-date{display:block;font-size:var(--ft-text-lg);font-weight:600;color:var(--ft-text-primary)}.planning-grid-time-col{padding:var(--ft-space-2);background:white;border-right:2px solid var(--ft-border);border-bottom:1px solid var(--ft-border);font-size:var(--ft-text-xs);color:var(--ft-text-secondary);text-align:right;position:-webkit-sticky;position:sticky;left:0;z-index:5}.planning-grid-cell{padding:var(--ft-space-1);border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;min-height:40px;position:relative;transition:background-color .15s ease}.planning-grid-cell-open{background-color:#E8F5E9}.planning-grid-cell-closed{background-color:#F5F5F5}.planning-grid-cell-exception{background-color:#FFF3E0}.planning-booking-card{position:absolute;left:4px;right:4px;background:white;border-radius:var(--ft-radius-sm);padding:var(--ft-space-2);box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;z-index:3;overflow:hidden;transition:all .2s ease}.planning-booking-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px);z-index:4}.planning-booking-card.status-CONFIRMED{border-left:4px solid #2196f3}.planning-booking-card.status-READY{border-left:4px solid #4caf50}.planning-booking-card.status-OUT{border-left:4px solid #ff9800}.planning-booking-card.status-RETURNED{border-left:4px solid #9e9e9e}.planning-booking-card.status-CANCELLED{border-left:4px solid #f44336;opacity:.6}.planning-booking-card-header{font-weight:600;font-size:var(--ft-text-sm);color:var(--ft-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-booking-card-products{font-size:var(--ft-text-xs);color:var(--ft-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-legend{display:flex;flex-wrap:wrap;gap:var(--ft-space-4);padding:var(--ft-space-4);background:var(--ft-bg-muted);border-radius:var(--ft-radius-md);margin-top:var(--ft-space-4);font-size:var(--ft-text-sm)}.planning-legend-item{display:flex;align-items:center;gap:var(--ft-space-2)}.planning-legend-color{width:20px;height:20px;border-radius:var(--ft-radius-sm);border:1px solid var(--ft-border)}.planning-booking-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;background:white;border-radius:var(--ft-radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:1000;padding:var(--ft-space-6)}.planning-booking-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.planning-booking-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ft-space-4);padding-bottom:var(--ft-space-3);border-bottom:1px solid var(--ft-border)}.planning-booking-modal-title{font-size:var(--ft-text-xl);font-weight:700;color:var(--ft-text-primary)}.planning-booking-modal-close{background:transparent;border:none;font-size:var(--ft-text-2xl);color:var(--ft-text-secondary);cursor:pointer;padding:var(--ft-space-2);line-height:1}.planning-booking-modal-close:hover{color:var(--ft-text-primary)}.planning-booking-modal-section{margin-bottom:var(--ft-space-4)}.planning-booking-modal-section h3{font-size:var(--ft-text-base);font-weight:600;color:var(--ft-text-primary);margin-bottom:var(--ft-space-2)}.planning-booking-modal-products{list-style:none;padding:0;margin:0}.planning-booking-modal-products li{padding:var(--ft-space-2) 0;border-bottom:1px solid var(--ft-border);display:flex;justify-content:space-between}.planning-booking-modal-products li:last-child{border-bottom:none}@media (max-width:768px){.planning-header{flex-direction:column;align-items:stretch}.planning-selector{width:100%}.planning-nav-buttons{justify-content:center}.planning-nav-buttons button{flex:1 1;min-width:100px}.planning-kpis{grid-template-columns:repeat(2,1fr)}.planning-grid-container{overflow-x:auto}.planning-booking-modal{width:95%;max-height:90vh;padding:var(--ft-space-4)}}:root{--planning-bg-primary:var(--ft-bg-page);--planning-bg-secondary:var(--ft-bg-card);--planning-bg-tertiary:var(--ft-bg-muted);--planning-border:var(--ft-border);--planning-text-primary:var(--ft-text-primary);--planning-text-secondary:var(--ft-text-secondary);--planning-text-muted:var(--ft-text-muted);--planning-accent:var(--ft-primary);--planning-status-confirmed:#2563EB;--planning-status-ready:#059669;--planning-status-out:#D97706;--planning-status-returned:#6B7280;--planning-status-cancelled:#DC2626;--planning-status-default:#9CA3AF}.planning-v2{min-height:100vh;background:var(--planning-bg-primary);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.planning-v2-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--planning-border)}.planning-v2-title-section{flex:1 1}.planning-v2-title{font-family:var(--ft-font-family);font-size:var(--ft-text-2xl);font-weight:600;color:var(--planning-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:10px}.planning-v2-title-icon{color:var(--planning-accent);font-size:10px}.planning-v2-subtitle{font-size:var(--ft-text-sm);color:var(--planning-text-secondary);margin:0}.planning-v2-tenant-select{display:flex;flex-direction:column;gap:6px}.planning-v2-tenant-select label{font-family:var(--ft-font-family);font-size:var(--ft-text-xs);font-weight:500;color:var(--planning-text-secondary);text-transform:uppercase;letter-spacing:.5px}.planning-v2-tenant-select select{background:var(--planning-bg-secondary);border:1px solid var(--planning-border);border-radius:6px;padding:10px 14px;color:var(--planning-text-primary);font-size:14px;min-width:240px;cursor:pointer;transition:all .2s}.planning-v2-tenant-select select:hover{border-color:var(--planning-accent)}.planning-v2-tenant-select select:focus{outline:none;border-color:var(--planning-accent);box-shadow:0 0 0 3px rgba(30,58,95,.1)}.planning-v2-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.planning-v2-stat{background:var(--planning-bg-secondary);border:1px solid var(--planning-border);border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.planning-v2-stat-value{font-family:var(--ft-font-family);font-size:var(--ft-text-3xl);font-weight:700;color:var(--planning-text-primary);line-height:1}.planning-v2-stat-label{font-family:var(--ft-font-family);font-size:var(--ft-text-xs);font-weight:500;color:var(--planning-text-muted);text-transform:uppercase}.planning-v2-stat-out .planning-v2-stat-value{color:var(--planning-status-out)}.planning-v2-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.planning-v2-nav-btn{font-family:var(--ft-font-family);font-size:var(--ft-text-sm);font-weight:500;background:var(--planning-bg-secondary);border:1px solid var(--planning-border);border-radius:var(--ft-radius-md);padding:8px 16px;color:var(--planning-text-secondary);cursor:pointer;transition:all .2s}.planning-v2-nav-btn:hover:not(:disabled){background:var(--planning-bg-tertiary);border-color:var(--planning-text-muted);color:var(--planning-text-primary)}.planning-v2-nav-btn:disabled{opacity:.5;cursor:not-allowed}.planning-v2-nav-today{background:var(--planning-accent);border-color:var(--planning-accent);color:#FFFFFF}.planning-v2-nav-today:hover:not(:disabled){background:var(--ft-primary-light);border-color:var(--ft-primary-light);color:#FFFFFF}.planning-v2-nav-current{text-align:center;min-width:200px}.planning-v2-nav-month{display:block;font-size:18px;font-weight:600;color:var(--planning-text-primary)}.planning-v2-nav-week{display:block;font-family:var(--ft-font-family);font-size:var(--ft-text-sm);color:var(--planning-text-secondary);margin-top:2px}.planning-v2-error{background:var(--ft-status-error-bg);border:1px solid var(--planning-status-cancelled);border-radius:var(--ft-radius-md);padding:12px 16px;color:var(--ft-status-error-text);font-size:var(--ft-text-sm);margin-bottom:24px;display:flex;align-items:center;gap:8px}.planning-v2-grid-container{background:var(--planning-bg-secondary);border:1px solid var(--planning-border);border-radius:12px;overflow:hidden}.planning-v2-day-headers{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:2px solid var(--planning-border)}.planning-v2-day-header{padding:16px 12px;text-align:center;background:var(--planning-bg-tertiary);border-right:1px solid var(--planning-border);position:relative}.planning-v2-day-header:last-child{border-right:none}.planning-v2-day-header.is-today{background:rgba(30,58,95,.08)}.planning-v2-day-header.is-today:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--planning-accent)}.planning-v2-day-header.is-closed{background:var(--planning-bg-primary);opacity:.6}.planning-v2-day-name{font-size:var(--ft-text-xs);font-weight:600;color:var(--planning-text-muted);text-transform:uppercase;margin-bottom:4px}.planning-v2-day-date,.planning-v2-day-name{font-family:var(--ft-font-family);display:block}.planning-v2-day-date{font-size:var(--ft-text-xl);font-weight:700;color:var(--planning-text-primary)}.planning-v2-day-header.is-today .planning-v2-day-date{color:var(--planning-accent)}.planning-v2-day-closed{font-family:var(--ft-font-family);font-size:9px;font-weight:600;color:var(--planning-status-cancelled);text-transform:uppercase;display:block;margin-top:4px}.planning-v2-day-today-marker{position:absolute;top:8px;right:8px;color:var(--planning-accent);font-size:8px}.planning-v2-rows{min-height:200px;position:relative}.planning-v2-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--planning-text-secondary);font-size:13px;gap:16px}.planning-v2-loading-bar{width:120px;height:3px;background:var(--planning-bg-tertiary);border-radius:2px;overflow:hidden;position:relative}.planning-v2-loading-bar:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:var(--planning-accent);animation:loading-slide 1s ease-in-out infinite}@keyframes loading-slide{0%{left:-50%}to{left:100%}}.planning-v2-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--planning-text-muted);font-size:14px;gap:12px}.planning-v2-empty-icon{font-size:32px;opacity:.5}.planning-v2-row{display:grid;grid-template-columns:repeat(7,1fr);min-height:56px;position:relative;border-bottom:1px solid var(--planning-border)}.planning-v2-row:last-child{border-bottom:none}.planning-v2-row-grid{display:contents}.planning-v2-row-cell{border-right:1px solid var(--planning-border);background:var(--planning-bg-secondary);transition:background .15s}.planning-v2-row-cell:last-child{border-right:none}.planning-v2-row-cell.is-closed{background:var(--planning-bg-tertiary);background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 8px)}.planning-v2-row-cell.is-today{background:rgba(30,58,95,.04)}.planning-v2-booking{position:absolute;top:8px;bottom:8px;background:var(--planning-bg-tertiary);border:1px solid var(--planning-border);border-left:4px solid var(--planning-accent);border-radius:6px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;transition:all .2s;z-index:2;margin-left:4px;margin-right:4px}.planning-v2-booking.is-hovered,.planning-v2-booking:hover{background:var(--planning-bg-secondary);border-color:var(--planning-accent);transform:translateY(-1px);box-shadow:var(--ft-shadow-md);z-index:3}.planning-v2-booking-content{flex:1 1;min-width:0;overflow:hidden}.planning-v2-booking-name{font-size:13px;font-weight:600;color:var(--planning-text-primary)}.planning-v2-booking-name,.planning-v2-booking-products{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-v2-booking-products{font-size:11px;color:var(--planning-text-secondary);margin-top:2px}.planning-v2-booking-status{font-family:var(--ft-font-family);font-size:10px;font-weight:600;color:var(--planning-text-muted);background:var(--planning-bg-tertiary);padding:4px 8px;border-radius:var(--ft-radius-sm);flex-shrink:0;text-transform:uppercase}.planning-v2-legend{display:flex;justify-content:center;gap:24px;padding:20px;margin-top:24px;background:var(--planning-bg-secondary);border:1px solid var(--planning-border);border-radius:8px;flex-wrap:wrap}.planning-v2-legend-item{display:flex;align-items:center;gap:8px;font-family:var(--ft-font-family);font-size:var(--ft-text-xs);font-weight:500;color:var(--planning-text-secondary)}.planning-v2-legend-dot{width:12px;height:12px;border-radius:3px}.time-slot-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.time-slot-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--ft-font-family);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--ft-radius-sm);white-space:nowrap}.time-slot-badge-pickup{background:var(--ft-status-info-bg);color:var(--ft-status-info-text)}.time-slot-badge-return{background:var(--ft-status-success-bg);color:var(--ft-status-success-text)}.time-slot-badge-icon{font-size:10px;font-weight:700}.time-slot-badge-compact{font-size:10px;padding:1px 6px}.planning-v2-booking-slots{display:flex;gap:4px;margin-top:2px}.planning-v2-booking-slots .time-slot-badge{font-size:9px;padding:1px 5px}@media (max-width:1024px){.planning-v2-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.planning-v2{padding:16px}.planning-v2-header{flex-direction:column}.planning-v2-tenant-select select{width:100%;min-width:unset}.planning-v2-stats{grid-template-columns:1fr 1fr}.planning-v2-stat-value{font-size:24px}.planning-v2-nav{flex-direction:column;gap:12px}.planning-v2-nav-btn{width:100%}.planning-v2-grid-container{overflow-x:auto}.planning-v2-day-headers,.planning-v2-row{min-width:700px}.planning-v2-legend{gap:16px}}.import-page{max-width:900px;margin:0 auto}.import-stepper{justify-content:center;padding:var(--ft-space-6) 0;margin-bottom:var(--ft-space-6)}.import-stepper,.step{display:flex;align-items:center;gap:var(--ft-space-2)}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--ft-text-sm);font-weight:600;background:var(--ft-bg-muted);color:var(--ft-text-muted);transition:all .3s ease}.step.active .step-number{background:var(--ft-primary);color:white;box-shadow:0 0 0 4px rgba(30,58,95,.15)}.step.completed .step-number{background:var(--ft-status-success-text);color:white}.step-label{font-size:var(--ft-text-sm);color:var(--ft-text-muted);font-weight:500;transition:color .3s ease}.step.active .step-label,.step.completed .step-label{color:var(--ft-text-primary)}.step-connector{width:60px;height:2px;background:var(--ft-border);transition:background .3s ease}.step-connector.completed{background:var(--ft-status-success-text)}.import-tools-panel{display:flex;gap:var(--ft-space-3);padding:var(--ft-space-4);background:linear-gradient(135deg,var(--ft-bg-muted) 0,var(--ft-bg-card) 100%);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);margin-bottom:var(--ft-space-5)}.tool-btn{display:flex;align-items:center;gap:var(--ft-space-2);padding:var(--ft-space-3) var(--ft-space-4);background:var(--ft-bg-card);border:1px solid var(--ft-border);border-radius:var(--ft-radius-md);font-size:var(--ft-text-sm);font-weight:500;color:var(--ft-text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.tool-btn:hover{border-color:var(--ft-primary);background:rgba(30,58,95,.03);transform:translateY(-1px);box-shadow:var(--ft-shadow-sm)}.tool-btn svg{width:18px;height:18px;color:var(--ft-primary)}.import-upload-zone{background:var(--ft-bg-card);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);overflow:hidden;margin-bottom:var(--ft-space-5)}.upload-header{padding:var(--ft-space-4) var(--ft-space-5);border-bottom:1px solid var(--ft-border);background:var(--ft-bg-muted)}.upload-header h3{font-size:var(--ft-text-base);font-weight:600;color:var(--ft-text-primary);margin:0;display:flex;align-items:center;gap:var(--ft-space-2)}.upload-header h3 svg{width:20px;height:20px;color:var(--ft-primary)}.dropzone{margin:var(--ft-space-5);border:2px dashed var(--ft-border);border-radius:var(--ft-radius-lg);padding:var(--ft-space-10) var(--ft-space-6);text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,58,95,.02),rgba(30,58,95,.05));opacity:0;transition:opacity .3s ease}.dropzone.dragging:before,.dropzone:hover:before{opacity:1}.dropzone:hover{border-color:var(--ft-primary);transform:scale(1.005)}.dropzone.dragging{border-color:var(--ft-primary);border-style:solid;background:rgba(30,58,95,.05)}.dropzone.has-file{border-color:var(--ft-status-success-text);border-style:solid;background:rgba(6,95,70,.03)}.dropzone-icon{width:56px;height:56px;margin:0 auto var(--ft-space-4);padding:var(--ft-space-3);background:var(--ft-bg-muted);border-radius:50%;color:var(--ft-primary);transition:all .3s ease}.dropzone.dragging .dropzone-icon,.dropzone:hover .dropzone-icon{background:var(--ft-primary);color:white;transform:scale(1.1)}.dropzone.has-file .dropzone-icon{background:var(--ft-status-success-text);color:white}.dropzone-text{font-size:var(--ft-text-base);font-weight:500;color:var(--ft-text-primary);margin-bottom:var(--ft-space-1)}.dropzone-subtext{font-size:var(--ft-text-sm);color:var(--ft-text-muted)}.file-info{display:flex;flex-direction:column;align-items:center;gap:var(--ft-space-2)}.file-name{font-size:var(--ft-text-base);font-weight:600}.file-badge,.file-name{color:var(--ft-status-success-text)}.file-badge{display:inline-flex;align-items:center;gap:var(--ft-space-1);padding:var(--ft-space-1) var(--ft-space-3);background:var(--ft-status-success-bg);border-radius:20px;font-size:var(--ft-text-sm);font-weight:500}.upload-actions{display:flex;justify-content:flex-end;gap:var(--ft-space-3);padding:var(--ft-space-4) var(--ft-space-5);background:var(--ft-bg-muted);border-top:1px solid var(--ft-border)}.import-preview-panel{background:var(--ft-bg-card);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);overflow:hidden;margin-bottom:var(--ft-space-5)}.preview-header{padding:var(--ft-space-4) var(--ft-space-5);border-bottom:1px solid var(--ft-border);background:var(--ft-bg-muted);display:flex;align-items:center;justify-content:space-between}.preview-header h3{font-size:var(--ft-text-base);font-weight:600;color:var(--ft-text-primary);margin:0;display:flex;align-items:center;gap:var(--ft-space-2)}.preview-header h3 svg{width:20px;height:20px;color:var(--ft-primary)}.preview-stats{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--ft-space-3);gap:var(--ft-space-3);padding:var(--ft-space-4) var(--ft-space-5);background:linear-gradient(135deg,var(--ft-bg-muted) 0,var(--ft-bg-card) 100%);border-bottom:1px solid var(--ft-border)}.preview-stat{text-align:center;padding:var(--ft-space-3);background:var(--ft-bg-card);border-radius:var(--ft-radius-md);border:1px solid var(--ft-border)}.preview-stat-value{font-size:var(--ft-text-xl);font-weight:700;color:var(--ft-primary);line-height:1}.preview-stat-label{font-size:var(--ft-text-xs);color:var(--ft-text-muted);margin-top:var(--ft-space-1);text-transform:uppercase;letter-spacing:.5px}.import-alert{display:flex;align-items:flex-start;gap:var(--ft-space-3);padding:var(--ft-space-4);margin:var(--ft-space-4) var(--ft-space-5);border-radius:var(--ft-radius-md)}.import-alert.error{background:var(--ft-status-error-bg);border:1px solid rgba(220,38,38,.2)}.import-alert.warning{background:var(--ft-status-warning-bg);border:1px solid rgba(146,64,14,.2)}.import-alert-icon{flex-shrink:0;width:20px;height:20px}.import-alert.error .import-alert-icon{color:var(--ft-status-error-text)}.import-alert.warning .import-alert-icon{color:var(--ft-status-warning-text)}.import-alert-content{flex:1 1;font-size:var(--ft-text-sm)}.import-alert.error .import-alert-content{color:var(--ft-status-error-text)}.import-alert.warning .import-alert-content{color:var(--ft-status-warning-text)}.import-alert-title{font-weight:600;margin-bottom:var(--ft-space-1)}.preview-list{max-height:400px;overflow-y:auto}.preview-item{display:flex;align-items:center;gap:var(--ft-space-3);padding:var(--ft-space-3) var(--ft-space-5);border-bottom:1px solid var(--ft-border);transition:background .2s ease}.preview-item:last-child{border-bottom:none}.preview-item:hover{background:var(--ft-bg-muted)}.preview-item.error{background:rgba(220,38,38,.03)}.preview-item.error:hover{background:rgba(220,38,38,.06)}.status-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-indicator.valid{background:var(--ft-status-success-bg);color:var(--ft-status-success-text)}.status-indicator.error{background:var(--ft-status-error-bg);color:var(--ft-status-error-text)}.status-indicator.warning{background:var(--ft-status-warning-bg);color:var(--ft-status-warning-text)}.status-indicator svg{width:14px;height:14px}.preview-item-content{flex:1 1;min-width:0}.preview-item-name{font-weight:500;color:var(--ft-text-primary);margin-bottom:var(--ft-space-1)}.preview-item-meta{display:flex;align-items:center;gap:var(--ft-space-2);flex-wrap:wrap}.type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:var(--ft-text-xs);font-weight:500;background:var(--ft-bg-muted);color:var(--ft-text-secondary)}.type-badge.single{background:var(--ft-status-info-bg);color:var(--ft-status-info-text)}.type-badge.variants{background:rgba(139,92,246,.1);color:rgb(109,40,217)}.type-badge.pack{background:rgba(236,72,153,.1);color:rgb(190,24,93)}.meta-item{font-size:var(--ft-text-xs);color:var(--ft-text-muted)}.preview-item-errors{margin-top:var(--ft-space-2);padding-left:var(--ft-space-8)}.item-error{font-size:var(--ft-text-xs);color:var(--ft-status-error-text);display:flex;align-items:center;gap:var(--ft-space-1);padding:var(--ft-space-1) 0}.item-error:before{content:"└";color:var(--ft-text-muted)}.preview-actions{display:flex;justify-content:flex-end;gap:var(--ft-space-3);padding:var(--ft-space-4) var(--ft-space-5);background:var(--ft-bg-muted);border-top:1px solid var(--ft-border)}.import-result-panel{background:var(--ft-bg-card);border:1px solid var(--ft-border);border-radius:var(--ft-radius-lg);overflow:hidden;text-align:center}.result-header{padding:var(--ft-space-8) var(--ft-space-6);background:linear-gradient(135deg,var(--ft-bg-muted) 0,var(--ft-bg-card) 100%)}.result-header.success{background:linear-gradient(135deg,var(--ft-status-success-bg) 0,var(--ft-bg-card) 100%)}.result-header.partial{background:linear-gradient(135deg,var(--ft-status-warning-bg) 0,var(--ft-bg-card) 100%)}.result-icon{width:64px;height:64px;margin:0 auto var(--ft-space-4);border-radius:50%;display:flex;align-items:center;justify-content:center}.result-header.success .result-icon{background:var(--ft-status-success-text);color:white}.result-header.partial .result-icon{background:var(--ft-status-warning-text);color:white}.result-icon svg{width:32px;height:32px}.result-title{font-size:var(--ft-text-xl);font-weight:600;color:var(--ft-text-primary);margin:0}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--ft-space-4);gap:var(--ft-space-4);padding:var(--ft-space-6);border-bottom:1px solid var(--ft-border)}.result-stat{text-align:center}.result-stat-value{font-size:var(--ft-text-3xl);font-weight:700;color:var(--ft-primary);line-height:1}.result-stat.success .result-stat-value{color:var(--ft-status-success-text)}.result-stat.warning .result-stat-value{color:var(--ft-status-warning-text)}.result-stat-label{font-size:var(--ft-text-sm);color:var(--ft-text-muted);margin-top:var(--ft-space-2)}.result-actions{display:flex;justify-content:center;gap:var(--ft-space-3);padding:var(--ft-space-5);background:var(--ft-bg-muted)}.btn-import{display:inline-flex;align-items:center;gap:var(--ft-space-2);padding:var(--ft-space-2) var(--ft-space-4);background:linear-gradient(135deg,var(--ft-primary-light) 0,var(--ft-primary) 100%);color:white;border:none;border-radius:var(--ft-radius-md);font-size:var(--ft-text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(30,58,95,.2)}.btn-import:hover{background:linear-gradient(135deg,var(--ft-primary) 0,var(--ft-primary-dark) 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(30,58,95,.25);color:white}.btn-import svg{width:16px;height:16px}.btn-import-link{display:inline-flex;align-items:center;gap:var(--ft-space-2);padding:var(--ft-space-2) var(--ft-space-4);background:transparent;color:var(--ft-primary);border:1px solid var(--ft-primary);border-radius:var(--ft-radius-md);font-size:var(--ft-text-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-import-link:hover{background:var(--ft-primary);color:white;transform:translateY(-1px);box-shadow:0 4px 8px rgba(30,58,95,.25)}.btn-import-link svg{width:18px;height:18px;transition:transform .2s ease}.btn-import-link:hover svg{transform:translateY(-2px)}.error-message{display:flex;padding:var(--ft-space-3) var(--ft-space-4);background:var(--ft-status-error-bg);color:var(--ft-status-error-text);border-radius:var(--ft-radius-md);margin-bottom:var(--ft-space-4)}.back-link,.error-message{align-items:center;gap:var(--ft-space-2);font-size:var(--ft-text-sm)}.back-link{display:inline-flex;color:var(--ft-text-muted);text-decoration:none;transition:color .2s ease;margin-bottom:var(--ft-space-3)}.back-link:hover{color:var(--ft-primary)}.back-link svg{width:16px;height:16px}@media (max-width:768px){.preview-stats{grid-template-columns:repeat(3,1fr)}.result-stats{grid-template-columns:repeat(2,1fr)}.import-stepper{flex-wrap:wrap}.step-connector{display:none}}