@font-face{font-family:Moco Sans;src:url(/fonts/mocoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--color-primary: #c174db;--color-primary-rgb: 193, 116, 219;--color-bg-primary: #151b23;--color-bg-secondary: #212830;--color-text-primary: #d1d7e0;--color-text-secondary: #9ca3af;--color-text-white: #ffffff;--color-border: #2a3441;--color-expense: #ff4444;--color-expense-soft: #ff6b6b;--color-expense-text: #ffb3b3;--color-expense-bg: rgba(255, 107, 107, .1);--color-success: #51cf66;--color-success-bg: rgba(81, 207, 102, .1);--color-warning: #ffa500;--color-warning-bg: rgba(255, 200, 0, .1);--color-badge-bg: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(var(--color-primary-rgb), .1);--shadow-hover: 0 4px 12px rgba(var(--color-primary-rgb), .3)}*{margin:0;padding:0;box-sizing:border-box;font-family:Moco Sans,system-ui,-apple-system,sans-serif;line-height:1.75}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100dvh}#root{min-height:100dvh}.form-row{display:flex;gap:16px;margin-block-end:16px}.form-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group input[type=password],.form-group input[type=date],.form-group select{background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-white)!important;font-size:16px;padding:12px 16px;transition:all .2s ease;appearance:none;-webkit-appearance:none}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--color-text-secondary)}.form-actions{display:flex;gap:12px;justify-content:flex-end}.submit-button,.cancel-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.submit-button{background-color:var(--color-primary);color:var(--color-text-white)}.submit-button:hover:not(:disabled){opacity:.75;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.cancel-button:hover:not(:disabled){background-color:var(--color-bg-primary);color:var(--color-text-white)}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.edit-button,.delete-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-icon{width:20px;height:20px;object-fit:contain}.edit-button:hover{background-color:var(--color-bg-secondary)}.delete-button:hover{background-color:var(--color-expense-bg)}.empty-message{text-align:center;color:var(--color-text-secondary);font-size:14px;padding:32px}.error-message{background-color:var(--color-expense-bg);border-left:3px solid var(--color-expense-soft);color:var(--color-expense-text);padding:12px 16px;border-radius:4px;font-size:14px;text-align:left;margin-block-end:16px}.search-bar{position:relative;margin-block-end:24px}.search-input{width:100%;background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-white)!important;font-size:16px;padding:12px 44px 12px 16px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--color-text-secondary)}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;object-fit:contain;pointer-events:none}@media(max-width:767px){.form-row{flex-direction:column;gap:16px}.form-group{min-width:100%;gap:4px}.form-actions{flex-direction:column-reverse;gap:8px}.submit-button,.cancel-button{width:100%;padding:14px}.edit-button,.delete-button{padding:4px}.action-icon{width:16px;height:16px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:24px}.auth-box{background-color:var(--color-bg-secondary);border-radius:12px;padding:36px 48px;width:100%;max-width:480px;box-shadow:var(--shadow-md)}.auth-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-block-end:32px}.auth-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(var(--color-primary-rgb),.3))}.auth-title{font-size:32px;font-weight:600;margin:0;color:var(--color-text-white)}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-button{background-color:var(--color-primary);border:none;border-radius:8px;color:var(--color-text-white);cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;margin-block:8px}.auth-button:hover:not(:disabled){opacity:.75;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-link{margin-block-start:24px;text-align:center;font-size:14px}.auth-link a{position:relative;text-decoration:none;color:var(--color-text-secondary);transition:color .3s ease}.auth-link a:after{content:"";position:absolute;inset:auto 0 -2px;block-size:2px;inline-size:0;background-color:var(--color-primary);transition:inline-size .3s ease}.auth-link a:hover{color:var(--color-primary)}.auth-link a:hover:after{inline-size:100%}@media(max-width:767px){.auth-container{padding:16px}.auth-box{padding:24px 16px}.auth-icon{width:40px;height:40px}.auth-title{font-size:24px}.auth-form{gap:20px}}.app-header{background-color:var(--color-bg-secondary);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.header-logo{display:flex;align-items:center;gap:16px;text-decoration:none;cursor:pointer;transition:all .3s ease}.logo-icon{width:40px;height:40px;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(var(--color-primary-rgb),.3))}.logo-title{font-size:28px;font-weight:600;margin:0;color:var(--color-text-white);transition:color .3s ease}.header-logo:hover .logo-icon{transform:rotate(15deg)}.header-logo:hover .logo-title{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:24px}.logout-button{background-color:transparent;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.logout-button:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.logout-button:active{transform:translateY(0)}.logout-icon{width:20px;height:20px;object-fit:contain}@media(max-width:767px){.app-header{padding:16px}.logo-icon{width:32px;height:32px}.logo-title{font-size:20px}.header-actions{gap:12px}.logout-button{padding:8px 16px;font-size:13px}.logout-icon{display:none}}.home-container{min-height:100dvh;display:flex;flex-direction:column}.home-content{flex:1;width:100%;max-width:1200px;padding:48px 40px;margin:0 auto}.home-content h2{font-size:32px;font-weight:600;margin:0 0 48px;color:var(--color-text-white)}.home-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.home-card{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:12px;padding:32px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.home-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-icon{width:64px;height:64px;object-fit:contain;margin-block-end:16px;filter:drop-shadow(0 4px 12px rgba(var(--color-primary-rgb),.3))}.home-card h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--color-text-white)}.home-card p{font-size:14px;color:var(--color-text-secondary);margin:0}.card-stat{font-weight:500;color:var(--color-primary)}@media(max-width:767px){.home-content{padding:24px 16px}.home-content h2{font-size:24px;margin:0 0 32px}.home-cards{grid-template-columns:1fr;gap:16px;padding-bottom:300px}.home-card{padding:16px}.card-icon{width:48px;height:48px}.home-card[href="/import"]{display:none}}.accounts-container{min-height:100dvh;display:flex;flex-direction:column}.accounts-content{flex:1;width:100%;max-width:800px;padding:48px 40px;margin:0 auto}.accounts-panel{background-color:var(--color-bg-secondary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md)}.account-form{margin-block-end:50px}.accounts-list{display:flex;flex-direction:column;gap:12px}.account-item{display:flex;justify-content:space-between;align-items:center;gap:4px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.account-item:hover{border-color:var(--color-primary)}.account-info{display:flex;align-items:center;flex:1;min-width:0}.account-details{display:flex;flex-direction:column;gap:4px}.account-name{font-size:15px;color:var(--color-text-white);font-weight:500}.account-balances{display:flex;flex-direction:column;gap:4px}.account-balance{font-size:14px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.account-current-balance{font-size:14px;color:var(--color-primary);font-weight:600;display:flex;align-items:center;gap:4px}.coin-icon{width:14px;height:14px;object-fit:contain}.account-actions{display:flex;flex-direction:column;gap:6px}@media(max-width:767px){.accounts-content{padding:24px 16px}.panel-header h2{font-size:24px}.accounts-content h2{font-size:24px;margin-block-end:24px}.accounts-form,.account-item{padding:16px}.account-info{flex-direction:column;align-items:flex-start;gap:8px}.account-balances{flex-direction:column;align-items:flex-start;gap:4px}.edit-button,.delete-button{min-height:32px;min-width:32px;justify-content:center}}.categories-container{min-height:100dvh;display:flex;flex-direction:column}.categories-content{flex:1;width:100%;max-width:800px;padding:48px 40px;margin:0 auto}.categories-panel{background-color:var(--color-bg-secondary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md)}.category-form{margin-block-end:50px}.color-input-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:5px 16px;transition:all .2s ease}.color-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.color-input-wrapper input[type=color]{border:none;background:none;cursor:pointer;width:32px;height:40px;padding:4px 0}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:2px solid var(--color-border);border-radius:6px}.color-value{font-size:14px;color:var(--color-text-secondary);font-family:monospace}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;justify-content:space-between;align-items:center;gap:4px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.category-item:hover{border-color:var(--color-primary)}.category-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.category-name-with-color{display:flex;align-items:center;gap:12px;min-width:0}.category-color{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0}.category-name{font-size:15px;color:var(--color-text-white);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:13px;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:4px 10px;border-radius:10px;border:1px solid var(--color-border);white-space:nowrap}.category-actions{display:flex;flex-direction:column;gap:6px}@media(max-width:767px){.categories-content{padding:24px 16px}.panel-header h2{font-size:24px}.categories-content h2{font-size:24px;margin-block-end:24px}.categories-form,.category-item{padding:16px}.category-info{flex-direction:column;align-items:flex-start;gap:8px}.category-name-with-color{width:100%}.edit-button,.delete-button{min-height:32px;min-width:32px;justify-content:center}}.tags-container{min-height:100dvh;display:flex;flex-direction:column}.tags-content{flex:1;width:100%;max-width:800px;padding:48px 40px;margin:0 auto}.tags-panel{background-color:var(--color-bg-secondary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md)}.tag-form{margin-block-end:50px}.tags-list{display:flex;flex-direction:column;gap:12px}.tag-item{display:flex;justify-content:space-between;align-items:center;gap:4px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.tag-item:hover{border-color:var(--color-primary)}.tag-info{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.tag-name{font-size:15px;color:var(--color-text-white);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.tag-count{font-size:13px;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:4px 10px;border-radius:10px;border:1px solid var(--color-border)}.tag-actions{display:flex;flex-direction:column;gap:6px}.delete-button:disabled{opacity:.3;cursor:not-allowed}.delete-button:disabled:hover{background-color:transparent}@media(max-width:767px){.tags-content{padding:24px 16px}.panel-header h2{font-size:24px}.tags-content h2{font-size:24px;margin-block-end:24px}.tags-form,.tag-item{padding:16px}.tag-info{flex-direction:column;align-items:flex-start;gap:4px}.tag-name{width:100%}.edit-button,.delete-button{min-height:32px;min-width:32px;justify-content:center}}.transactions-container{min-height:100dvh;display:flex;flex-direction:column}.transactions-content{flex:1;width:100%;max-width:1000px;padding:48px 40px;margin:0 auto}.transactions-panel{background-color:var(--color-bg-secondary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md)}.transaction-form{margin-block-end:50px}.filters-container{display:flex;gap:16px;margin-block-end:24px}.filters-container .search-bar{flex:2;margin-block-end:0}.month-filter{flex:1;min-width:0;position:relative}.month-select{width:100%;background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-white)!important;font-size:16px;padding:12px 44px 12px 16px;transition:all .2s ease;appearance:none;-webkit-appearance:none;cursor:pointer}.month-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.month-filter .select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;object-fit:contain;pointer-events:none}.form-group input[type=date]::-webkit-calendar-picker-indicator{display:none}.form-group input[type=date]::-moz-calendar-picker-indicator{display:none}.form-group input[type=text]::-webkit-calendar-picker-indicator,.input-wrapper input[type=text]::-webkit-calendar-picker-indicator,input[list]::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important;pointer-events:none!important}.form-group input[type=text]::-webkit-list-button,.input-wrapper input[type=text]::-webkit-list-button,input[list]::-webkit-list-button{display:none!important;opacity:0!important;pointer-events:none!important}input[type=text][list]{background-image:none!important}.amount-input-wrapper{display:flex;align-items:center;gap:12px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:6px 16px;transition:all .2s ease}.amount-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.amount-input-wrapper input[type=number]{border:none;background:none;padding:6px 0;flex:1;min-width:0;-moz-appearance:textfield}.amount-input-wrapper input[type=number]:focus{outline:none;box-shadow:none}.amount-input-wrapper input[type=number]::-webkit-inner-spin-button,.amount-input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input-wrapper input[type=number]::placeholder{color:var(--color-text-secondary)}.currency-symbol{width:20px;height:20px;object-fit:contain}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper select{padding-right:44px;flex:1;min-width:0}.select-icon{position:absolute;right:16px;width:20px;height:20px;object-fit:contain;pointer-events:none;z-index:1}.date-wrapper{position:relative;display:flex;align-items:center}.date-wrapper input[type=date]{padding-right:44px;flex:1;min-width:0;position:relative;text-align:left}.date-icon{position:absolute;right:16px;width:20px;height:20px;object-fit:contain;pointer-events:auto;cursor:pointer;z-index:1}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input[type=text]{padding-right:44px;flex:1;min-width:0}.input-wrapper input[type=text]::placeholder{color:var(--color-text-secondary)}.input-icon{position:absolute;right:16px;width:20px;height:20px;object-fit:contain;pointer-events:none;z-index:1}.tag-select-wrapper{display:flex;gap:8px;align-items:center}.tag-select-wrapper .select-wrapper{flex:1;min-width:0}.add-tag-button{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:600;transition:all .2s ease;flex-shrink:0}.add-tag-button:hover:not(:disabled){background-color:var(--color-bg-primary);color:var(--color-primary);border-color:var(--color-primary)}.add-tag-button:disabled{opacity:.6;cursor:not-allowed}.transaction-type-toggle{display:flex;gap:12px;width:100%}.type-button{flex:1;min-width:0;padding:7px 16px;border:2px solid var(--color-border);background-color:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.type-button .type-symbol{font-size:20px;font-weight:700}.type-button .type-label{font-size:15px;font-weight:500;color:var(--color-text-secondary)}.type-button.expense .type-symbol{color:var(--color-expense)}.type-button.income .type-symbol{color:var(--color-success)}.type-button:hover:not(:disabled){background-color:var(--color-bg-primary)}.type-button:hover:not(:disabled) .type-label{color:var(--color-text-white)}.type-button.expense.active{border-color:var(--color-expense)}.type-button.income.active{border-color:var(--color-success)}.type-button.active .type-label{color:var(--color-text-white)}.type-button:disabled{opacity:.6;cursor:not-allowed}.transactions-list{display:flex;flex-direction:column;gap:24px}.month-group{display:flex;flex-direction:column;gap:12px}.month-header{font-size:18px;font-weight:600;color:var(--color-text-white);margin:0;padding:8px 12px;background-color:var(--color-bg-primary);border-left:4px solid var(--color-text-white);border-radius:4px}.month-transactions{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;gap:4px;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.transaction-item:hover{border-color:var(--color-primary)}.transaction-info{display:flex;align-items:center;flex:1;min-width:0}.transaction-details{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.transaction-main{display:flex;align-items:center;gap:12px}.transaction-summary{display:flex;align-items:center;gap:8px}.transaction-type{font-size:20px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-bg-secondary)}.transaction-type.expense{color:var(--color-expense)}.transaction-type.income{color:var(--color-success)}.transaction-amount{font-size:18px;font-weight:600;color:var(--color-text-white);display:flex;align-items:center;gap:6px}.coin-icon{width:16px;height:16px;object-fit:contain}.transaction-category{font-size:14px;font-weight:500;padding:4px 12px;border-radius:12px;background-color:var(--color-badge-bg)}.transaction-tag{font-size:12px;color:var(--color-text-secondary);padding:4px 10px;border-radius:10px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.transaction-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-text-secondary)}.transaction-account{font-weight:500}.transaction-date{color:var(--color-text-secondary)}.transaction-actions{display:flex;flex-direction:column;gap:6px}@media(max-width:767px){.transactions-content{padding:24px 16px}.panel-header h2{font-size:24px}.transactions-content h2{font-size:24px;margin-block-end:24px}.transactions-form{padding:16px}.form-row{flex-direction:column}.form-group{min-width:100%;gap:4px}.type-buttons{gap:12px}.type-button{padding:12px;min-height:48px}.filters-container{flex-direction:column;gap:12px}.filters-container .search-bar,.month-filter{flex:1;min-width:0}.transaction-item{padding:16px}.transaction-main{flex-direction:column;align-items:flex-start;gap:8px}.transaction-details{align-items:flex-start}.transaction-category,.transaction-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.transaction-meta{gap:4px}.transaction-account{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px}.edit-button,.delete-button{min-height:32px;min-width:32px;justify-content:center}}.import-container{min-height:100dvh;display:flex;flex-direction:column}.import-content{flex:1;width:100%;max-width:1000px;padding:48px 40px;margin:0 auto}.import-panel{background-color:var(--color-bg-secondary);border-radius:12px;padding:32px;box-shadow:var(--shadow-md)}.panel-header{display:flex;align-items:center;gap:16px;margin-block-end:32px}.panel-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(var(--color-primary-rgb),.3))}.panel-header h2{font-size:28px;font-weight:600;margin:0;color:var(--color-text-white)}.import-instructions{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:24px;margin-block-end:32px}.import-instructions h3{font-size:18px;font-weight:600;color:var(--color-text-white);margin:0 0 12px}.import-instructions p{color:var(--color-text-secondary);margin:0 0 16px}.import-instructions ul{list-style:none;padding:0;margin:0}.import-instructions li{color:var(--color-text-primary);padding:8px 0;border-bottom:1px solid var(--color-border)}.import-instructions li:last-child{border-bottom:none}.import-instructions strong{color:var(--color-primary);font-weight:600}.import-form{display:flex;flex-direction:column;gap:24px}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background-color:var(--color-bg-primary);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-primary);text-align:center;cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500}.file-input-label:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.file-icon{width:24px;height:24px;object-fit:contain;filter:brightness(.8)}.preview-section{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:20px}.preview-section h3{font-size:16px;font-weight:600;color:var(--color-text-white);margin:0 0 16px}.preview-table{overflow-x:auto}.preview-table table{width:100%;border-collapse:collapse;font-size:14px}.preview-table th,.preview-table td{padding:10px 12px;text-align:left;border:1px solid var(--color-border);color:var(--color-text-primary);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-table th{background-color:var(--color-bg-secondary);color:var(--color-primary);font-weight:600}.preview-table td{background-color:var(--color-bg-primary)}.line-number-header,.line-number{width:50px;min-width:50px;max-width:50px;text-align:center!important;font-weight:600;color:var(--color-text-secondary);background-color:var(--color-bg-secondary)!important}.preview-table th:nth-child(2),.preview-table td:nth-child(2){width:100px;min-width:100px;max-width:100px}.preview-table th:nth-child(3),.preview-table td:nth-child(3){width:100px;min-width:100px;max-width:100px}.preview-table th:nth-child(4),.preview-table td:nth-child(4){width:100px;min-width:100px;max-width:100px}.preview-table th:nth-child(5),.preview-table td:nth-child(5){width:120px;min-width:120px;max-width:120px}.preview-table th:nth-child(6),.preview-table td:nth-child(6){width:120px;min-width:120px;max-width:120px}.preview-table th:nth-child(7),.preview-table td:nth-child(7){width:150px;min-width:150px;max-width:150px}.errors-list{background-color:var(--color-warning-bg);border-left:3px solid var(--color-warning);padding:12px 16px;border-radius:4px}.errors-list h4{color:var(--color-warning);font-size:14px;font-weight:600;margin:0 0 8px}.errors-list ul{list-style:none;padding:0;margin:0}.errors-list li{color:var(--color-text-primary);font-size:13px;padding:4px 0;border-bottom:1px solid var(--color-border)}.errors-list li:last-child{border-bottom:none}.success-message{background-color:var(--color-success-bg);border-left:3px solid var(--color-success);color:var(--color-success);padding:12px 16px;border-radius:4px;font-size:14px;font-weight:500}.upload-button{background-color:var(--color-primary);color:var(--color-text-white);border:none;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-button:hover:not(:disabled){opacity:.75;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.upload-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:767px){.import-content{padding:24px 16px}.panel-header h2{font-size:24px}.import-content h2{font-size:24px;margin-block-end:24px}.import-form{padding:16px;gap:16px}.file-input-label{padding:24px}.upload-button{width:100%;padding:16px}.preview-section{padding:16px}.preview-section h3{font-size:14px;margin-block-end:12px}.preview-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.preview-table table{font-size:12px}.preview-table th,.preview-table td{padding:8px}}