@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);transition:all .3s ease;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100}.sidebar.collapsed{width:80px}.sidebar .sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar .sidebar-header .logo{display:flex;align-items:center;gap:12px}.sidebar .sidebar-header .logo .logo-image{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.sidebar .sidebar-header .logo .logo-text{font-weight:700;font-size:18px;color:var(--text-primary);white-space:nowrap}.sidebar .sidebar-header .toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.sidebar .sidebar-header .toggle-btn:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar .sidebar-nav{flex:1;padding:24px 0}.sidebar .sidebar-nav ul{list-style:none}.sidebar .sidebar-nav ul li{margin-bottom:8px;padding:0 20px}.sidebar .sidebar-nav ul li .nav-link{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500}.sidebar .sidebar-nav ul li .nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar .sidebar-nav ul li .nav-link.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.sidebar .sidebar-nav ul li .nav-link .nav-icon{font-size:18px;width:24px;height:24px;text-align:center;display:flex;align-items:center;justify-content:center}.sidebar .sidebar-nav ul li .nav-link .nav-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sidebar .sidebar-nav ul li .nav-link .nav-label{white-space:nowrap}.sidebar .sidebar-footer{padding:20px;border-top:1px solid var(--border)}.sidebar .sidebar-footer .user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.sidebar .sidebar-footer .user-profile:hover{background:var(--bg-tertiary)}.sidebar .sidebar-footer .user-profile .user-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar .sidebar-footer .user-profile .user-avatar .user-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sidebar .sidebar-footer .user-profile .user-info .user-name{font-weight:600;color:var(--text-primary);font-size:14px}.sidebar .sidebar-footer .user-profile .user-info .user-role{font-size:12px;color:var(--text-secondary)}@media (max-width: 1280px){.sidebar.collapsed{transform:translate(-100%)}}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.dashboard-stats .stat-card{background:var(--bg-card);border-radius:var(--radius);padding:24px;border:1px solid var(--border);display:flex;align-items:center;gap:16px;transition:all .2s ease}.dashboard-stats .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard-stats .stat-card .stat-icon{font-size:24px;width:48px;height:48px;border-radius:12px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.dashboard-stats .stat-card .stat-content{flex:1}.dashboard-stats .stat-card .stat-content .stat-label{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.dashboard-stats .stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.dashboard-stats .stat-card .stat-content .stat-change{font-size:12px;font-weight:600}.dashboard-stats .stat-card .stat-content .stat-change.positive{color:var(--success)}.dashboard-stats .stat-card .stat-content .stat-change.negative{color:var(--danger)}@media (max-width: 1280px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-stats .stat-card{padding:20px}}@media (max-width: 768px){.dashboard-stats{grid-template-columns:1fr}}.revenue-chart .chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.revenue-chart .chart-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.revenue-chart .chart-header .revenue-amount{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.revenue-chart .chart-header .revenue-change{font-size:14px;font-weight:600}.revenue-chart .chart-header .revenue-change.positive{color:var(--success)}.revenue-chart .chart-header .chart-legend{display:flex;gap:24px}.revenue-chart .chart-header .chart-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.revenue-chart .chart-header .chart-legend .legend-item .legend-dot{width:12px;height:12px;border-radius:50%}.revenue-chart .chart-header .chart-legend .legend-item .legend-dot.revenue{background:var(--accent-primary)}.revenue-chart .chart-header .chart-legend .legend-item .legend-dot.expenses{background:#06b6d4}.revenue-chart .chart-container{position:relative}.revenue-chart .chart-container .chart-svg{width:100%;height:300px}.revenue-chart .chart-container .chart-svg .revenue-line,.revenue-chart .chart-container .chart-svg .expenses-line{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.revenue-chart .chart-container .chart-svg .data-point{transition:r .2s ease}.revenue-chart .chart-container .chart-svg .data-point:hover{r:6}.revenue-chart .chart-container .chart-labels{display:flex;justify-content:space-between;margin-top:16px}.revenue-chart .chart-container .chart-labels .chart-label{font-size:12px;color:var(--text-muted);text-align:center;flex:1}@media (max-width: 1280px){.revenue-chart .chart-header{flex-direction:column;gap:16px}.revenue-chart .chart-header .chart-legend{justify-content:flex-start}}.profit-chart .chart-header{margin-bottom:24px}.profit-chart .chart-header .profit-info{display:flex;align-items:center;gap:8px;margin-bottom:16px}.profit-chart .chart-header .profit-info .profit-icon{font-size:16px}.profit-chart .chart-header .profit-info .profit-label{font-size:14px;color:var(--text-secondary)}.profit-chart .chart-header .profit-amount{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profit-chart .chart-header .profit-change{font-size:14px;font-weight:600;margin-bottom:8px}.profit-chart .chart-header .profit-change.positive{color:var(--success)}.profit-chart .chart-header .profit-period{font-size:12px;color:var(--text-muted)}.profit-chart .bar-chart{display:flex;align-items:end;gap:4px;height:120px}.profit-chart .bar-chart .bar{flex:1;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:2px;min-height:8px;transition:all .2s ease}.profit-chart .bar-chart .bar:hover{opacity:.8;transform:scaleY(1.05)}.sessions-chart .chart-header{margin-bottom:24px}.sessions-chart .chart-header .sessions-info{display:flex;align-items:center;gap:8px;margin-bottom:16px}.sessions-chart .chart-header .sessions-info .sessions-icon{font-size:16px}.sessions-chart .chart-header .sessions-info .sessions-label{font-size:14px;color:var(--text-secondary)}.sessions-chart .chart-header .sessions-amount{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.sessions-chart .chart-header .sessions-change{font-size:14px;font-weight:600;margin-bottom:16px}.sessions-chart .chart-header .sessions-change.positive{color:var(--success)}.sessions-chart .chart-header .sessions-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.sessions-chart .chart-header .sessions-status .status-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.sessions-chart .area-chart .area-svg{width:100%;height:80px}.date-filter .form-select{min-width:160px;font-size:14px}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dashboard .dashboard-header h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.dashboard .dashboard-header p{color:var(--text-secondary);font-size:16px}.dashboard .dashboard-header .header-actions{display:flex;gap:16px;align-items:center}.dashboard .dashboard-charts{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:24px;margin-top:32px}.dashboard .dashboard-charts .chart-section{background:var(--bg-card);border-radius:var(--radius);padding:24px;border:1px solid var(--border)}.dashboard .dashboard-charts .revenue-section{grid-row:1/3}.dashboard .dashboard-charts .profit-section{grid-column:2;grid-row:1}.dashboard .dashboard-charts .sessions-section{grid-column:2;grid-row:2}@media (max-width: 1280px){.dashboard .dashboard-header{flex-direction:column;gap:20px;align-items:flex-start}.dashboard .dashboard-header .header-actions{flex-direction:column;align-items:stretch;width:100%}.dashboard .dashboard-charts{grid-template-columns:1fr;grid-template-rows:auto}.dashboard .dashboard-charts .chart-section{grid-column:1!important;grid-row:auto!important}}.product-list-container .product-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.product-list-container .product-list-header h3{font-size:20px;font-weight:600;color:var(--text-primary)}.product-list-container .product-list-header .product-count{font-size:14px;color:var(--text-secondary)}.product-list-container .product-table .table-header{display:grid;grid-template-columns:50px 1fr 1fr 120px 1fr 120px 100px;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.product-list-container .product-table .table-header .header-cell{font-size:14px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.product-list-container .product-table .table-body .table-row{display:grid;grid-template-columns:50px 1fr 1fr 120px 1fr 120px 100px;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);transition:all .2s ease}.product-list-container .product-table .table-body .table-row:hover{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.product-list-container .product-table .table-body .table-row .table-cell{display:flex;align-items:center;font-size:14px;color:var(--text-primary)}.product-list-container .product-table .table-body .table-row .table-cell.product-info{gap:12px}.product-list-container .product-table .table-body .table-row .table-cell.product-info .product-icon{font-size:20px;width:32px;height:32px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.product-list-container .product-table .table-body .table-row .table-cell.product-info .product-name{font-weight:500}.product-list-container .product-table .table-body .table-row .table-cell.company-cell .company-name{color:var(--text-primary);font-weight:500}.product-list-container .product-table .table-body .table-row .table-cell .status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.product-list-container .product-table .table-body .table-row .table-cell .status-badge.in-stock{background:#10b9811a;color:var(--success)}.product-list-container .product-table .table-body .table-row .table-cell .status-badge.out-of-stock{background:#ef44441a;color:var(--danger)}.product-list-container .product-table .table-body .table-row .table-cell.actions-cell{gap:8px}.product-list-container .product-table .table-body .table-row .table-cell.actions-cell .action-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:6px 8px;cursor:pointer;font-size:14px;transition:all .2s ease}.product-list-container .product-table .table-body .table-row .table-cell.actions-cell .action-btn:hover{background:var(--bg-card);transform:scale(1.05)}.product-list-container .product-table .table-body .table-row .table-cell.actions-cell .action-btn.edit-btn:hover{border-color:var(--accent-primary)}.product-list-container .product-table .table-body .table-row .table-cell.actions-cell .action-btn.delete-btn:hover{border-color:var(--danger)}@media (max-width: 1280px){.product-list-container .product-table .table-header,.product-list-container .product-table .table-row{grid-template-columns:40px 1fr 1fr 100px 1fr 100px 80px;gap:12px}.product-list-container .product-table .table-header .header-cell,.product-list-container .product-table .table-row .table-cell{font-size:12px}}@media (max-width: 768px){.product-list-container .product-table .table-header,.product-list-container .product-table .table-row{grid-template-columns:1fr;gap:8px}.product-list-container .product-table .table-row{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px}.product-list-container .product-table .table-row .table-cell{justify-content:space-between;padding:4px 0}.product-list-container .product-table .table-row .table-cell:before{content:attr(data-label);font-weight:600;color:var(--text-secondary)}.product-list-container .product-table .table-row .table-cell.actions-cell{justify-content:center;margin-top:12px}.product-list-container .product-table .table-header{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:24px;font-weight:700;color:var(--text-primary)}.modal-header .modal-close{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;padding:8px 12px;cursor:pointer;color:var(--text-secondary);font-size:16px;transition:all .2s ease}.modal-header .modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.product-form{padding:24px}.product-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-form .form-group{margin-bottom:20px}.product-form .form-group .form-input.error,.product-form .form-group .form-select.error{border-color:var(--danger)}.product-form .form-group .error-message{display:block;margin-top:4px;font-size:12px;color:var(--danger)}.product-form .emoji-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.product-form .emoji-selector .emoji-option{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:pointer;font-size:20px;transition:all .2s ease}.product-form .emoji-selector .emoji-option:hover{background:var(--bg-primary);transform:scale(1.05)}.product-form .emoji-selector .emoji-option.selected{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.product-form .modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}@media (max-width: 768px){.modal-content{width:95%;margin:20px}.product-form{padding:16px}.product-form .form-row{grid-template-columns:1fr}.product-form .modal-actions{flex-direction:column}}.products-page .products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.products-page .products-header h1{font-size:32px;font-weight:700;color:var(--text-primary)}.products-page .products-header .header-actions{display:flex;gap:16px;align-items:center}.products-page .products-header .header-actions .search-box input{min-width:300px}@media (max-width: 1280px){.products-page .products-header{flex-direction:column;gap:20px;align-items:stretch}.products-page .products-header .header-actions{flex-direction:column}.products-page .products-header .header-actions .search-box input{min-width:auto}}.personal-info .section-header{margin-bottom:32px}.personal-info .section-header h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.personal-info .section-header p{color:var(--text-secondary);font-size:14px}.personal-info .personal-form .photo-upload .upload-area{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary)}.personal-info .personal-form .photo-upload .upload-area:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.personal-info .personal-form .photo-upload .upload-area .upload-icon{font-size:32px;background:var(--accent-gradient);width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.personal-info .personal-form .photo-upload .upload-area .upload-text{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.personal-info .personal-form .photo-upload .upload-area .upload-text .upload-link{color:var(--accent-primary);font-weight:500}.personal-info .personal-form .photo-upload .upload-area .upload-formats{font-size:12px;color:var(--text-muted)}.notifications .notification-group{margin-bottom:48px}.notifications .notification-group:last-child{margin-bottom:0}.notifications .notification-group .group-header{margin-bottom:24px}.notifications .notification-group .group-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.notifications .notification-group .group-header p{color:var(--text-secondary);font-size:14px}.notifications .notification-group .notification-list .notification-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.notifications .notification-group .notification-list .notification-item:last-child{border-bottom:none}.notifications .notification-group .notification-list .notification-item .notification-info{flex:1}.notifications .notification-group .notification-list .notification-item .notification-info .notification-label{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.notifications .notification-group .notification-list .notification-item .notification-info .notification-description{font-size:14px;color:var(--text-secondary)}.notifications .notification-group .notification-list .notification-item .notification-controls{display:flex;gap:24px}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container{display:flex;align-items:center;gap:8px;cursor:pointer}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container input[type=checkbox]{display:none}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container .toggle-slider{width:40px;height:20px;background:var(--bg-tertiary);border-radius:10px;position:relative;transition:all .2s ease;border:1px solid var(--border)}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container .toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);top:1px;left:1px;transition:all .2s ease}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.notifications .notification-group .notification-list .notification-item .notification-controls .toggle-container .toggle-label{font-size:14px;font-weight:500;color:var(--text-primary);min-width:50px}@media (max-width: 1280px){.notifications .notification-group .notification-list .notification-item{flex-direction:column;align-items:flex-start;gap:16px}.notifications .notification-group .notification-list .notification-item .notification-controls{align-self:stretch;justify-content:space-around}}.settings-page .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.settings-page .settings-header>div{display:flex;align-items:center;gap:16px}.settings-page .settings-header>div .back-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all .2s ease}.settings-page .settings-header>div .back-btn:hover{background:var(--bg-card);color:var(--text-primary)}.settings-page .settings-header>div h1{font-size:32px;font-weight:700;color:var(--text-primary)}.settings-page .settings-content{display:grid;grid-template-columns:280px 1fr;gap:32px}.settings-page .settings-content .settings-sidebar .settings-nav{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:8px}.settings-page .settings-content .settings-sidebar .settings-nav .nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:4px}.settings-page .settings-content .settings-sidebar .settings-nav .nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-page .settings-content .settings-sidebar .settings-nav .nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.settings-page .settings-content .settings-sidebar .settings-nav .nav-item .nav-icon{font-size:16px}.settings-page .settings-content .settings-sidebar .settings-nav .nav-item .nav-label{font-weight:500}.settings-page .settings-content .settings-main{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:32px}@media (max-width: 1280px){.settings-page .settings-content{grid-template-columns:1fr;gap:24px}.settings-page .settings-content .settings-sidebar .settings-nav{display:flex;overflow-x:auto;padding:12px}.settings-page .settings-content .settings-sidebar .settings-nav .nav-item{white-space:nowrap;margin-right:8px;margin-bottom:0}}.layout{display:flex;min-height:100vh}.main-content{margin-left:280px;flex:1;transition:all .3s ease;padding:32px;background:var(--bg-primary);min-height:100vh;overflow-x:auto}.main-content.expanded{margin-left:80px}@media (max-width: 1280px){.main-content{margin-left:0;padding:20px}.main-content.expanded{margin-left:0}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #242b3d;--bg-card: #1e2530;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #8b5cf6;--accent-secondary: #a855f7;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--border: #334155;--border-light: #475569;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius: 12px;--radius-sm: 8px}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:8px 16px;font-size:12px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.form-select{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;cursor:pointer}.form-textarea{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:100px}.card{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (max-width: 1280px){.hide-tablet{display:none!important}}@media (max-width: 768px){.hide-mobile{display:none!important}.btn{padding:10px 20px;font-size:14px}.card{padding:16px}}