.sidebar{width:260px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:var(--transition);position:sticky;top:0}.sidebar.collapsed{width:80px}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);margin-bottom:10px}.logo-text{font-weight:700;font-size:1.25rem;color:var(--text-primary)}.toggle-btn{background:none;color:var(--text-secondary);padding:5px}.sidebar-menu{flex:1;padding:10px;display:flex;flex-direction:column;gap:5px}.menu-item{display:flex;align-items:center;padding:12px 15px;text-decoration:none;color:var(--text-secondary);border-radius:var(--border-radius);transition:var(--transition)}.menu-item:hover{background:var(--accent-pastel-blue);color:var(--text-primary)}.menu-item.active{background:var(--accent-pastel-blue);color:var(--text-primary);font-weight:600}.menu-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.menu-text{margin-left:12px;white-space:nowrap}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-pastel-pink);display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9rem}.user-role{font-size:.75rem;color:var(--text-secondary)}.logout-btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#ef4444;color:#fff;width:100%;border:none;border-radius:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:5px;box-shadow:0 4px 12px #ef444433}.logout-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.logout-btn svg{transition:transform .3s ease}.logout-text{margin-left:10px}.sidebar.collapsed .logout-btn{padding:12px;width:44px;margin:0 auto}@media(max-width:1024px){.sidebar{position:fixed;left:-260px;z-index:1000;height:100%;box-shadow:20px 0 50px #0000001a}.sidebar.mobile-open{left:0}.sidebar.collapsed{left:-80px}.sidebar.collapsed.mobile-open{left:0;width:80px}.sidebar .toggle-btn{display:none}}.mobile-header{display:none;height:60px;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);padding:0 15px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1001}.menu-toggle-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.menu-toggle-btn:hover{background:var(--accent-pastel-blue)}.mobile-logo .logo-text{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.mobile-header-spacer{width:40px}@media(max-width:1024px){.mobile-header{display:flex}}.app-container{display:flex;min-height:100vh}.content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.main-content{flex:1;padding:40px;overflow-y:auto;background-color:var(--primary-bg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media(max-width:1024px){.main-content{padding:20px}.sidebar-overlay{display:block}}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-bg)}.login-card{background:var(--card-bg);padding:40px;border-radius:20px;box-shadow:var(--shadow);width:100%;max-width:400px;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:30px}.login-logo-img{width:140px;height:140px;object-fit:cover;margin:0 auto 15px;display:block;border-radius:50%;border:3px solid var(--border-color);background:#fff;box-shadow:var(--shadow)}.login-header h1{font-size:1.75rem;margin:0;color:var(--text-primary)}.login-header p{color:var(--text-secondary);margin-top:5px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color)}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.login-btn{background:var(--accent-blue);color:#fff;padding:14px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:10px;box-shadow:0 4px 12px rgba(var(--accent-blue-rgb),.3)}.login-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:480px){.login-card{padding:30px 20px;margin:20px;border-radius:16px}.login-header h1{font-size:1.5rem}.login-logo-img{width:100px;height:100px}}:root{--dashboard-gap: 24px;--card-radius: 20px;--card-padding: 24px}.home-container{padding:20px;background-color:var(--bg-color);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.month-toggle{display:flex;background:var(--card-bg);padding:4px;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.toggle-btn{padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #6366f133}.user-profile-card{display:flex;align-items:center;gap:20px;background:var(--card-bg);padding:var(--card-padding);border-radius:var(--card-radius);border:1px solid var(--border-color);margin-bottom:var(--dashboard-gap);box-shadow:var(--shadow)}.user-avatar-container{position:relative;width:64px;height:64px}.user-avatar{width:100%;height:100%;border-radius:18px;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:18px;background:var(--accent-pastel-blue);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.user-info h2{font-size:20px;margin-bottom:4px;color:var(--text-primary);word-break:break-word;max-width:100%}.user-role-badge{display:inline-block;padding:4px 12px;background:#6366f11a;color:var(--accent-blue);border-radius:20px;font-size:13px;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--dashboard-gap);margin-bottom:var(--dashboard-gap)}.metric-card{background:var(--card-bg);padding:var(--card-padding);border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:transform .3s ease}.metric-trend{font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.secondary-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--dashboard-gap);margin-bottom:var(--dashboard-gap)}@media(max-width:1024px){.secondary-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--card-bg);padding:var(--card-padding);border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:var(--shadow)}.card-title{font-size:18px;font-weight:750;margin-bottom:20px;display:flex;align-items:center;gap:12px}.negative-products-list{display:flex;flex-direction:column;gap:12px}.product-item{display:grid;grid-template-columns:1fr 120px 120px;padding:12px 16px;background:var(--bg-color);border-radius:12px;align-items:center;border:1px solid transparent;transition:all .2s ease}.product-item:hover{border-color:var(--accent-blue);background:var(--card-bg)}.product-info-mini{display:flex;flex-direction:column}.product-id{font-size:12px;color:var(--text-secondary);font-family:monospace}.product-name{font-weight:600;font-size:14px}.profit-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profit-value{font-weight:700;font-size:14px}.profit-value.negative{color:#ef4444}.profit-value.positive{color:#10b981}.redemption-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.redemption-circle{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.circle-svg{transform:rotate(-90deg)}.circle-bg{fill:none;stroke:var(--border-color);stroke-width:8}.circle-progress{fill:none;stroke:var(--accent-blue);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.percentage-text{position:absolute;display:flex;flex-direction:column;align-items:center}.perc-value{font-size:32px;font-weight:900;color:var(--text-primary)}.perc-label{font-size:12px;color:var(--text-secondary);font-weight:600}.stats-breakdown{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px}.stat-box{background:var(--bg-color);padding:10px;border-radius:10px;text-align:center}.stat-label{font-size:10px;color:var(--text-secondary);display:block;margin-bottom:4px}.stat-val{font-weight:700;font-size:14px}.charts-section{margin-top:var(--dashboard-gap)}.chart-controls{display:flex;gap:8px;background:var(--bg-color);padding:4px;border-radius:10px}.chart-btn{padding:6px 14px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.chart-btn.active{background:var(--card-bg);color:var(--accent-blue);box-shadow:var(--shadow-sm)}.chart-container{height:350px;width:100%;margin-top:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .5s ease forwards}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-secondary)}.custom-chart-tooltip{background:var(--card-bg);border:1px solid var(--border-color);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg)}.tooltip-label{font-size:12px;color:var(--text-secondary);margin:0 0 4px;font-weight:600}.tooltip-value{font-size:14px;color:var(--text-primary);margin:0}.tooltip-value strong{color:var(--accent-blue);margin-left:4px}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.month-toggle{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px;scrollbar-width:none}.month-toggle::-webkit-scrollbar{display:none}.month-toggle .toggle-btn{flex:1;text-align:center;white-space:nowrap;min-width:max-content}.user-profile-card{flex-direction:column;text-align:center;padding:20px}.metrics-grid{grid-template-columns:1fr 1fr;gap:15px}.metric-value{font-size:22px}.charts-section div:first-child{flex-direction:column;align-items:flex-start!important;gap:15px}.chart-controls{width:100%;overflow-x:auto;padding:4px}.chart-btn{white-space:nowrap;flex:1}.product-item{grid-template-columns:1fr;gap:10px}.product-item div{display:flex;justify-content:space-between;align-items:center}.redemption-container{padding:10px 0}.redemption-circle{transform:scale(.85)}.stats-breakdown{grid-template-columns:1fr}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-header{margin-bottom:25px;gap:15px}.dashboard-header .header-left-title{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.welcome-card{padding:20px;flex-direction:column!important;align-items:center;text-align:center;gap:15px}.welcome-card-content{display:flex;flex-direction:column;align-items:center;gap:10px}.welcome-card-content h2{font-size:1.2rem;margin:0}.welcome-card .admin-badge{margin-left:0!important;width:fit-content}}.home-container{max-width:1200px;margin:0 auto}.home-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card-new{padding:24px;border-radius:20px;display:flex;align-items:center;gap:16px;background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition)}.stat-card-new:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card-new.done .stat-icon{background:var(--accent-pastel-green);color:#10b981}.stat-card-new.total .stat-icon{background:var(--accent-pastel-blue);color:var(--accent-blue)}.stat-card-new.percent .stat-icon{background:var(--accent-pastel-yellow);color:#f59e0b}.stat-info-new{display:flex;flex-direction:column}.stat-label-new{font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-value-new{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:2px}@media(max-width:768px){.home-stats-grid{grid-template-columns:1fr}}.home-stats-row{display:flex;justify-content:center;margin-bottom:32px;margin-top:-8px}.home-stats-header{display:flex;gap:20px;width:100%;max-width:900px;justify-content:center}.stat-card-mini{flex:1;min-width:200px;display:flex;align-items:center;gap:16px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000000d,0 8px 30px #00000008,inset 0 0 0 1px #ffffff80;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}[data-theme=dark] .stat-card-mini{background:#1e293bb3;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 25px #0003,inset 0 0 0 1px #ffffff0d}.stat-card-mini:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #00000014,inset 0 0 0 1px #fff9}[data-theme=dark] .stat-card-mini:hover{box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff1a}.stat-card-mini .stat-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card-mini:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-card-mini .stat-icon svg{width:22px;height:22px}.stat-card-mini.done .stat-icon{background:linear-gradient(135deg,#10b9811a,#10b98133);color:#10b981}.stat-card-mini.total .stat-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f633);color:var(--accent-blue)}.stat-card-mini.percent .stat-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:#f59e0b}.stat-card-mini .stat-info{display:flex;flex-direction:column;gap:2px}.stat-card-mini .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.stat-card-mini .stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}@media(max-width:768px){.home-stats-header{flex-direction:column;padding:0 20px}.stat-card-mini{width:100%}}.tasks-section{background:var(--card-bg);padding:32px;border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow);margin-top:32px}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tasks-header h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}.home-tabs{display:flex;gap:8px;background:var(--sidebar-bg);padding:6px;border-radius:18px;width:100%;border:1px solid var(--border-color);box-shadow:inset 0 2px 8px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-tabs::-webkit-scrollbar{display:none}.home-tab-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:none;border-radius:14px;color:var(--text-secondary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.home-tab-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.home-tab-btn.active{background:var(--card-bg);color:var(--accent-blue);box-shadow:0 4px 15px #00000014}.home-tab-btn svg{transition:transform .3s ease}.home-tab-btn.active svg{transform:scale(1.1)}.add-task-form{display:flex;gap:12px;margin-bottom:32px}.add-task-form input{flex:1;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 15px;color:var(--text-primary);outline:none}.add-btn{background:var(--accent-blue);color:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--primary-bg);border-radius:12px;transition:var(--transition)}.task-item:hover{transform:translate(5px)}.task-item.completed{opacity:.6}.task-item.completed .task-title{text-decoration:line-through}.task-toggle{background:none;padding:0}.icon-completed{color:var(--accent-blue)}.icon-pending{color:var(--text-secondary)}.task-info{display:flex;flex-direction:column}.task-title{font-weight:500}.task-date{font-size:.75rem;color:var(--text-secondary)}.delete-task-btn{opacity:0;background:none;color:var(--text-secondary);padding:8px;margin-left:auto;transition:var(--transition)}.task-item:hover .delete-task-btn{opacity:1}.delete-task-btn:hover{color:#ff7675;transform:scale(1.1)}.empty-state{text-align:center;padding:40px;color:var(--text-secondary)}@media(max-width:1024px){.tasks-section{padding:20px}.tasks-header{flex-direction:column;align-items:flex-start;gap:15px}.add-task-form{flex-direction:column;width:100%}.add-task-form button{width:100%;border-radius:12px}}@media(max-width:480px){.tasks-header h3{font-size:1.1rem}.home-stats-grid{grid-template-columns:1fr!important;gap:12px}.stat-card-new{padding:16px;gap:12px}.stat-icon{width:36px;height:36px}.stat-value-new{font-size:1.2rem}.home-tab-btn{padding:10px 12px;font-size:.8rem;gap:6px}.add-task-form input{padding:10px;font-size:.9rem}}.orders-container{display:flex;flex-direction:column;gap:30px}.date-picker-nav{display:flex;align-items:center;gap:20px}.date-picker-nav h2{font-size:1.5rem;text-transform:capitalize;min-width:250px;text-align:center}.date-picker-nav button{background:var(--card-bg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.header-actions{display:flex;gap:15px}.view-all-btn{display:flex;align-items:center;gap:8px;background:var(--accent-pastel-blue);color:var(--text-primary);padding:12px 20px;font-weight:600}.add-order-btn{display:flex;align-items:center;gap:10px;background:var(--accent-blue);color:#fff;padding:12px 20px;font-weight:600}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.order-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:var(--transition)}.order-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001f}.order-card.status-inactive{opacity:.6;filter:grayscale(.3)}.order-card.status-inactive:hover{opacity:.9;filter:grayscale(0)}.order-image{height:180px;background:var(--sidebar-bg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;overflow:hidden}.order-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.order-card:hover .order-image img{transform:scale(1.05)}.order-card:hover .card-actions{opacity:1;transform:translateY(0)}.action-btn{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 10px #0003;transition:var(--transition);color:var(--text-primary)}.action-btn:hover{transform:scale(1.1)}.action-btn.edit:hover{background:var(--accent-blue);color:#fff}.action-btn.delete:hover{background:#ef4444;color:#fff}.order-info{padding:20px;display:flex;flex-direction:column;gap:15px;flex:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px;min-height:50px;gap:12px}.card-header .title-group{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.card-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);word-break:break-word;display:block}.card-header .item-id{font-size:.8rem;color:var(--text-secondary);display:block;margin-top:4px}.card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;border-top:1px solid var(--border-color);padding-top:15px;margin-top:auto}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item.full-width{grid-column:1 / -1}.stat-item .label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-item .value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.stat-item .value.status-val{display:flex;align-items:center;gap:6px;font-size:.9rem}.stat-item .status-select{width:100%;margin-top:2px}.order-main{flex-grow:1;display:flex;flex-direction:column}.order-main h3{display:inline;margin:0 8px 0 0;font-size:1.1rem;line-height:1.3;word-break:break-word}.order-main-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.order-title-group{display:flex;flex-direction:column;min-width:0;flex:1}.order-title-row{display:block;min-width:0}.order-code,.order-code-badge,.list-order-code{font-size:.7rem;font-weight:700;color:var(--accent-blue);background:var(--accent-pastel-blue);padding:2px 6px;border-radius:4px;text-transform:uppercase;display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle}[data-theme=dark] .order-code,[data-theme=dark] .order-code-badge,[data-theme=dark] .list-order-code{background:#3b82f633;color:#93c5fd}.order-code-badge{font-size:.65rem;font-weight:800;color:var(--accent-blue);background:#3b82f61a;padding:2px 6px;border-radius:4px;text-transform:uppercase;display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle;margin-bottom:2px}.user-badge{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-secondary);background:var(--sidebar-bg);padding:3px 8px;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0}[data-theme=dark] .user-badge{background:#ffffff0d}.order-details{display:flex;flex-direction:column;gap:2px;font-size:.9rem}.order-id{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.order-status-section{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;min-width:0}.current-status,.res-status,.status-badge-base{display:flex;align-items:center;gap:6px;padding:0 12px;height:32px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-primary);border:1px solid transparent;white-space:nowrap;width:fit-content;min-width:0}.current-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .current-status,[data-theme=dark] .res-status,[data-theme=dark] .status-badge-base{border-color:#ffffff0d}.status-new{background:var(--accent-pastel-blue)}.status-processed{background:var(--accent-pastel-pink)}.status-ordered{background:var(--accent-pastel-yellow)}.status-confirmed{background:var(--accent-pastel-green)}.status-transit{background:var(--secondary-bg);border:1px solid var(--border-color)}.status-partial{background:var(--accent-pastel-yellow);opacity:.8}.status-warehouse{background:var(--sidebar-bg);border:1px solid var(--border-color)}.status-none{background:#fee2e2;color:#ef4444}.current-status,.res-status,.status-select,.list-status select,.search-result-item .res-status,.orders-list select{color:var(--text-primary)}[data-theme=dark] .status-none{background:#7f1d1d;color:#fecaca}.status-select{border:1px solid var(--border-color);border-radius:12 px;padding:0 10 px;height:32 px;font-size:.85 rem;background:var(--primary-bg);outline:none;flex:1;min-width:80 px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;transition:var(--transition)}.status-select:hover{border-color:var(--text-secondary)}.status-actions{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;min-width:0}.empty-orders{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary);opacity:.5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-bg);padding:30px;border-radius:20px;width:100%;max-width:500px;box-shadow:0 20px 40px #0003}.modal-content.large{max-width:900px;height:85vh;display:flex;flex-direction:column}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary)}.search-filters{display:flex;gap:20px;margin-bottom:25px}.search-box{flex:2;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:15px;color:var(--text-secondary)}.search-box input{width:100%;padding:12px 15px 12px 45px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary)}.filter-box{flex:1;position:relative;display:flex;align-items:center}.filter-box svg{position:absolute;left:15px;color:var(--text-secondary)}.filter-box select{width:100%;padding:12px 15px 12px 45px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;appearance:none;color:var(--text-primary);outline:none}.search-results{flex:1;overflow-y:auto;padding-right:5px}.results-list{display:flex;flex-direction:column;gap:12px}.search-result-item{display:grid;grid-template-columns:50px 2fr 1.5fr 80px 120px 80px;align-items:center;gap:20px;padding:12px 20px;background:var(--primary-bg);border-radius:12px;font-size:.95rem;color:var(--text-primary);border:1px solid var(--border-color)}.res-img{width:50px;height:50px;background:var(--sidebar-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.res-img img{width:100%;height:100%;object-fit:cover}.res-info{display:flex;flex-direction:column}.res-title{font-weight:600}.res-id{font-size:.8rem;color:var(--text-secondary)}.res-details{display:flex;flex-direction:column;font-size:.85rem}.res-status{height:28px;padding:0 10px;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.res-code{color:var(--accent-blue);font-weight:700;margin-left:5px;font-size:.7rem;background:var(--accent-pastel-blue);padding:1px 4px;border-radius:4px}[data-theme=dark] .res-code{background:#3b82f633;color:#93c5fd}.no-results{text-align:center;padding:40px;color:var(--text-secondary)}.order-image-upload{width:100%;height:200px;background:var(--primary-bg);border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;margin-bottom:25px;transition:var(--transition)}.order-image-upload:hover{border-color:var(--text-primary);background:var(--sidebar-bg)}.order-image-upload img{width:100%;height:100%;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary)}.form-row{display:flex;gap:12px;margin-bottom:12px;align-items:flex-end}.form-group{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:10px}.cancel-btn{background:var(--sidebar-bg);padding:10px 20px}.submit-btn{padding:10px 25px}.view-toggles{display:flex;background:var(--secondary-bg);border-radius:12px;padding:4px;box-shadow:var(--shadow);gap:4px}.view-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:var(--transition)}.view-toggle-btn.active{background:var(--accent-blue);color:#fff}.view-toggle-btn:hover:not(.active){background:var(--primary-bg)}.edit-order-btn,.delete-order-btn{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);cursor:pointer;box-shadow:0 4px 10px #0000001a;opacity:0;transform:translateY(-5px);transition:var(--transition);z-index:5;color:var(--text-primary)}[data-theme=dark] .edit-order-btn,[data-theme=dark] .delete-order-btn{background:var(--sidebar-bg);border-color:#ffffff1a}.edit-order-btn{top:10px;right:50px}.delete-order-btn{top:10px;right:10px}.order-card:hover .edit-order-btn,.order-card:hover .delete-order-btn{opacity:1;transform:translateY(0)}.edit-order-btn:hover{background:var(--accent-pastel-blue);color:var(--text-primary)}.delete-order-btn:hover{background:#fee2e2;color:#ef4444}.list-actions{display:flex;gap:10px;justify-content:flex-end}.list-edit-btn,.list-delete-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:var(--transition);flex-shrink:0}[data-theme=dark] .list-edit-btn,[data-theme=dark] .list-delete-btn{background:var(--sidebar-bg);border-color:#ffffff1a}.list-edit-btn:hover{background:var(--accent-pastel-blue);border-color:var(--accent-blue);color:var(--accent-blue)}.list-delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.orders-list{display:flex;flex-direction:column;gap:15px}.order-list-item.status-inactive{opacity:.6;filter:grayscale(.3);transition:var(--transition)}.order-list-item.status-inactive:hover{opacity:.8;filter:grayscale(0)}.order-list-item{display:grid;grid-template-columns:60px 1fr 100px 180px 100px;align-items:center;gap:15px;padding:12px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;transition:var(--transition)}.list-status{display:flex;justify-content:center;align-items:center}.list-status .status-select{width:100%!important;max-width:150px}.order-list-item:hover{transform:translate(5px)}.list-img{width:60px;height:60px;background:var(--sidebar-bg);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-img img{width:100%;height:100%;object-fit:cover}.list-main h3{display:inline;margin:0 8px 0 0;font-size:1.1rem;line-height:1.3;word-break:break-word}.list-id{font-size:.8rem;color:var(--text-secondary)}.list-details{display:flex;flex-direction:column;font-size:.9rem}.list-supplier{color:var(--text-secondary)}.list-status{display:flex;align-items:center;gap:8px;min-width:0}.list-status select{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;outline:none;flex:1;min-width:0;color:var(--text-primary);border:1px solid transparent;transition:var(--transition)}[data-theme=dark] .list-status select{border-color:#ffffff0d}.list-partial-icon-btn{width:36px;height:36px;border-radius:8px;background:#fef9c3;color:#854d0e;border:1px solid #fde047;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}.list-partial-icon-btn:hover{background:#fde047}.partial-arrival-icon-btn{width:32px;height:32px;border-radius:8px;background:#fef9c3;color:#854d0e;border:1px solid #fde047;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}.partial-arrival-icon-btn:hover{background:#fde047}.list-delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}@media(max-width:768px){.order-list-item{grid-template-columns:50px 1fr 50px;grid-template-areas:"img main actions" "img details status";gap:10px}.list-img{grid-area:img}.list-main{grid-area:main}.list-details{grid-area:details}.list-status{grid-area:status}.list-actions{grid-area:actions;justify-self:end}.header-actions{gap:10px}.view-all-btn span,.add-order-btn span{display:none}.view-all-btn,.add-order-btn{padding:10px}}.arrival-modal{max-width:400px!important}.arrival-hint{margin:15px 0 20px;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.qty-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ordered-hint{font-size:.8rem;color:var(--text-secondary);background:#f1f5f9;padding:2px 8px;border-radius:6px;font-weight:600}.arrival-input{font-size:1.2rem!important;font-weight:700!important;text-align:center;color:var(--accent-blue)!important;background:#f8fafc!important}.res-actions{display:flex;gap:8px;justify-content:flex-end}.res-action-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.res-action-btn:hover{transform:translateY(-2px)}.res-action-btn.edit:hover{background:#3b82f61a;color:var(--accent-blue);border-color:var(--accent-blue)}.res-action-btn.delete:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}@media(max-width:1024px){.orders-container{gap:20px}.page-header{flex-direction:column;align-items:flex-start!important;gap:20px}.header-actions{flex-direction:column;width:100%;gap:15px}.date-picker-nav{width:100%;justify-content:space-between}.date-picker-nav h2{min-width:0;font-size:1.2rem}.view-toggles{display:none}.view-all-btn,.add-order-btn{width:100%;justify-content:center}.orders-grid{grid-template-columns:1fr}.modal-content.large{width:95%;height:90vh;padding:20px}.search-filters{flex-direction:column;gap:10px}.search-result-item{grid-template-columns:50px 1fr 60px;gap:10px;padding:10px}.search-result-item .res-date,.search-result-item .res-status,.search-result-item .res-actions{display:none}}@media(max-width:480px){.form-row{flex-direction:column;align-items:stretch}.form-group{flex:none!important;width:100%}.order-card{border-radius:16px}}@media(max-width:480px){.page-header-icon{display:none!important}.search-input{padding:10px 12px 10px 36px!important;font-size:.9rem!important}.search-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-btn-mobile{width:100%;padding:10px!important;font-size:.8rem!important;justify-content:center!important}}.settings-container{max-width:1000px;margin:0 auto}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.settings-section:last-child{grid-column:span 2}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-section:last-child{grid-column:span 1}}.settings-section.card{display:flex;flex-direction:column}.settings-section.card form{display:flex;flex-direction:column;height:100%;flex:1}.settings-section.card .form-group{flex-grow:0;margin-bottom:20px}.form-actions{margin-top:auto;display:flex;justify-content:flex-end;padding-top:20px}.profile-header-premium{background:var(--secondary-bg);border-radius:20px;padding:20px;margin-bottom:25px;border:1px solid var(--border-color);position:relative;overflow:hidden}.avatar-edit{display:flex;align-items:center;gap:25px}.avatar-preview{position:relative;width:90px;height:90px;border-radius:18px;background:var(--accent-pastel-pink);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;overflow:hidden;box-shadow:0 8px 20px #0000001a;border:3px solid var(--card-bg)}.avatar-preview.clickable{cursor:pointer;transition:transform .2s ease}.avatar-preview.clickable:hover{transform:scale(1.02)}.avatar-preview.clickable:hover .avatar-overlay{opacity:1}.avatar-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:var(--transition);font-size:.75rem;font-weight:700;gap:6px}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-loading-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;border-radius:18px;z-index:2}.avatar-info-premium{display:flex;flex-direction:column;gap:10px}.role-and-badge{display:flex;align-items:center}.user-role-badge{background:var(--accent-blue);color:#fff;padding:6px 14px;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px #3b82f633}.avatar-hint{font-size:.85rem;color:var(--text-secondary);margin:0;font-weight:500;opacity:.8}.notification-item{display:flex;justify-content:space-between;align-items:center}.notification-info{display:flex;align-items:center;gap:15px}.icon-wrapper{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.icon-wrapper.tg{background:var(--accent-blue);color:#fff}.icon-wrapper.light-mode{background:var(--accent-pastel-yellow);color:#854d0e}.icon-wrapper.dark-mode{background:var(--accent-pastel-blue);color:var(--accent-blue)}.text-content h4{margin:0;font-size:1rem}.text-content p{margin:0;font-size:.85rem;color:var(--text-secondary)}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.4s;border-radius:34px}.toggle-switch label:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+label{background-color:var(--accent-blue)}.toggle-switch input:checked+label:before{transform:translate(24px)}.menu-reorder-list{display:flex;flex-direction:column;gap:12px}.menu-reorder-item{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--sidebar-bg);border-radius:12px;border:1px solid var(--border-color);transition:var(--transition)}.menu-reorder-item:hover{border-color:var(--accent-pastel-blue);transform:translate(5px)}.menu-item-info{display:flex;align-items:center;gap:15px;color:var(--text-primary)}.menu-item-icon{width:36px;height:36px;background:var(--primary-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);color:var(--text-secondary)}.menu-item-name{font-weight:600;font-size:.95rem}.menu-reorder-actions{display:flex;gap:8px}.reorder-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--primary-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.reorder-btn:hover:not(:disabled){background:var(--accent-pastel-blue);color:var(--text-primary);border-color:var(--accent-pastel-blue)}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.telegram-details-premium{animation:slideDown .3s ease-out}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.input-with-icon input{padding-left:40px!important}.granular-notifications{margin-top:25px}.granular-notifications h5{margin:0 0 15px;font-size:.9rem;color:var(--text-secondary);font-weight:600}.notification-chips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.notification-chip{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 20px;background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:54px}.notification-chip:hover{border-color:var(--accent-blue);background:var(--primary-bg);transform:translateY(-2px)}.notification-chip.active{background:var(--accent-pastel-blue);border-color:var(--accent-blue);box-shadow:0 4px 12px #3b82f61a}.notification-chip span{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.2}[data-theme=dark] .notification-chip.active{background:#3b82f61a}@media(max-width:768px){.settings-container{padding:0 10px}.avatar-edit{flex-direction:column;text-align:center;gap:15px}.avatar-info-premium{align-items:center}.notification-item{flex-direction:column;align-items:flex-start;gap:15px}.notification-chips-grid{grid-template-columns:1fr}.menu-reorder-item{flex-direction:column;gap:15px;align-items:flex-start}.menu-reorder-actions{width:100%;justify-content:flex-end}}.empty-mappings{padding:40px;text-align:center;color:var(--text-secondary);font-style:italic}.admin-container{padding:0 40px 40px;max-width:1200px;margin:40px auto}.admin-header-pane{background:var(--card-bg);padding:32px;border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow);margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:32px}.admin-header-pane .page-header{margin-bottom:0;padding:0}.admin-tabs{display:flex;gap:8px;background:var(--sidebar-bg);padding:8px;border-radius:20px;width:100%;border:1px solid var(--border-color);box-shadow:inset 0 2px 8px #0000000d}.tab-btn{flex:1;display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 20px;background:transparent;border:none;border-radius:14px;color:var(--text-secondary);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:var(--card-bg);color:var(--accent-blue);box-shadow:0 4px 20px #00000014,0 2px 6px #0000000a}.admin-section{animation:fadeIn .3s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--input-bg);padding:10px 20px;border-radius:12px;border:1px solid var(--border-color);width:300px;color:var(--text-secondary)}.search-bar input{background:transparent;border:none;outline:none;width:100%;font-size:.95rem;color:var(--text-primary)}.admin-table-wrapper{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:20px;background:var(--sidebar-bg);color:var(--text-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:15px 20px;border-bottom:1px solid var(--border-color);font-size:1rem}.admin-table .user-avatar-sm{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.role-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;background:var(--sidebar-bg)}.role-badge.Адміністратор{background:#fee2e2;color:#ef4444}.role-badge.Тімлід{background:#e0e7ff;color:#4f46e5}.role-badge.Баєр{background:var(--accent-pastel-green);color:var(--text-primary);opacity:.8}.actions button{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:8px;border-radius:8px}.actions button:hover{background:var(--sidebar-bg);color:var(--text-primary)}.actions button.delete:hover{background:#fee2e2;color:#ef4444}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{background:var(--card-bg);width:100%;max-width:500px;border-radius:24px;padding:30px;box-shadow:0 20px 40px #0003;max-height:90vh;overflow-y:auto}.modal-header h3{font-size:1.5rem;margin:0}.modal-header button{background:none;border:none;cursor:pointer;color:var(--text-secondary)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);font-size:1rem;background:var(--input-bg);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-footer button{padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:var(--transition)}.roles-grid,.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.role-card,.team-card{background:var(--card-bg);padding:24px;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition)}.role-card:hover,.team-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.role-card-header,.team-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.role-card-header h4,.team-card-header h4{margin:0;font-size:1.2rem;color:var(--text-primary)}.role-permissions h5,.team-info p{margin:0 0 12px;font-size:.9rem;color:var(--text-secondary)}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{background:var(--sidebar-bg);padding:4px 10px;border-radius:8px;font-size:.8rem;color:var(--text-primary);border:1px solid var(--border-color)}.permission-tag.all{background:var(--accent-pastel-green);color:var(--text-primary);border-color:var(--border-color)}.team-info p{margin-bottom:8px;color:var(--text-primary)}.team-info strong{color:var(--text-secondary);font-weight:600}.section-header .add-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;padding:12px 24px!important;background:var(--accent-blue)!important;color:#fff!important;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap!important;width:auto!important;min-width:max-content}.section-header .add-btn span{display:inline-block}.cancel-btn:hover{background:var(--border-color)}.save-btn{background:var(--accent-blue)!important;color:#fff!important}.save-btn:hover{background:#2563eb!important}.role-permissions-groups-hierarchical{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:0 4px}.permission-tab-group{background:var(--sidebar-bg);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.permission-tab-group.tab-enabled{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f608}.tab-permission-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.tab-permission-header .group-title{margin:0;padding:0;border:none;font-size:1rem;color:var(--text-primary);text-transform:none;letter-spacing:normal}.permission-toggle{width:44px;height:24px;background:#e2e8f0;border-radius:20px;position:relative;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.permission-toggle.active{background:#4f46e5}.toggle-handle{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.permission-toggle.active .toggle-handle{transform:translate(20px)}.tab-functions-list{background:#ffffff08;padding:8px 12px 16px 44px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-color);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.function-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.function-item:hover{background:#3b82f60d}.function-name{font-size:.9rem;color:var(--text-secondary);font-weight:500}.function-item.function-enabled .function-name{color:var(--text-primary)}.function-toggle-mini{width:32px;height:18px;background:#cbd5e1;border-radius:12px;position:relative;transition:all .2s ease}.function-toggle-mini.active{background:#818cf8}.toggle-handle-mini{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease}.function-toggle-mini.active .toggle-handle-mini{transform:translate(14px)}.user-avatar-xs{width:24px;height:24px;border-radius:50%;background:var(--accent-pastel-blue);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;overflow:hidden}.user-avatar-xs img{width:100%;height:100%;object-fit:cover}.section-header .header-left{display:flex;align-items:center;gap:20px}.section-header h3{margin:0;font-size:1.5rem}.view-toggles{display:flex;background:#f1f5f9;padding:4px;border-radius:10px;gap:4px}.view-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:#64748b;border:none;cursor:pointer;transition:var(--transition)}.view-toggle-btn:hover{background:#e2e8f0;color:var(--text-primary)}.view-toggle-btn.active{background:var(--card-bg);color:var(--accent-blue);box-shadow:0 2px 4px #0000000d}.settings-stack{display:flex;flex-direction:column;gap:30px}.settings-card{background:var(--card-bg);border-radius:24px;padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.card-header-inner{display:flex;align-items:center;gap:20px;margin-bottom:24px}.header-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-text{flex:1}.header-text h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.header-text p{margin:4px 0 0;font-size:.9rem;color:var(--text-secondary)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:var(--transition)}.settings-card .add-btn{padding:0 25px!important;height:46px!important;font-size:.9rem!important;border-radius:12px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap!important;width:auto!important;min-width:fit-content!important;flex-shrink:0!important}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:var(--sidebar-bg)}.setting-info{display:flex;align-items:center;gap:20px}.setting-icon{width:44px;height:44px;background:var(--accent-pastel-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue)}.setting-info label{display:block;font-weight:700;font-size:1.05rem;margin-bottom:4px;color:var(--text-primary)}.setting-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.setting-action input{width:100px;padding:10px 15px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-weight:700;text-align:center;font-size:1.1rem;outline:none;transition:var(--transition)}.setting-action input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.role-badge{display:inline-flex;align-items:center;justify-content:center}.avatar-edit-admin{display:flex;align-items:center;gap:20px;margin-top:5px}.avatar-preview-md{width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--bg-secondary);border:2px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:center}.avatar-preview-md .avatar-placeholder-header{width:100%;height:100%;border:none}.avatar-preview-md img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-blue);background:var(--accent-pastel-blue)}.admin-file-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--sidebar-bg);border:1.5px dashed var(--border-color);border-radius:12px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.admin-file-upload-btn:hover{border-color:var(--accent-blue);background:#3b82f60d;color:var(--accent-blue);transform:translateY(-1px)}.admin-file-upload-btn svg{color:var(--accent-blue)}.kpi-set-selector{display:flex;align-items:center;gap:8px;margin-left:20px;padding-left:20px;border-left:1px solid var(--border-color)}.kpi-set-selector select{padding:6px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-primary);font-size:.9rem;outline:none;cursor:pointer}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--glass-hover);color:var(--accent-light);border-color:var(--accent-light)}.icon-btn.delete:hover{color:#ef4444;border-color:#ef4444}.kpi-set-badge{padding:4px 10px;border-radius:6px;font-size:.8rem;background:#93c5fd26;color:#3b82f6;font-weight:500}.members-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding:4px;margin-top:8px}.members-selector .member-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;justify-content:flex-start!important;transform:none!important;box-shadow:none!important}.members-selector .member-item:hover{background:var(--bg-secondary);border-color:var(--accent-blue)}.members-selector .member-item.selected{background:#3b82f61a;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633!important}.members-selector .member-item .user-avatar-xs{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.members-selector .member-item .user-avatar-xs img{width:100%;height:100%;object-fit:cover}.members-selector .member-item span{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.broadcast-status{margin-top:12px;padding:12px 16px;border-radius:12px;font-size:.95rem;display:flex;align-items:center;gap:10px;animation:slideInDown .3s ease-out;border:1px solid transparent}.broadcast-status.success{background:#22c55e1a;color:#22c55e;border-color:#22c55e33}.broadcast-status.error{background:#ef44441a;color:#ef4444;border-color:#ef444433}@media(max-width:1024px){.admin-container{padding:0 15px 20px;margin:15px auto}.admin-header-pane{padding:20px;gap:20px;border-radius:16px}.admin-tabs{overflow-x:auto;padding:4px;justify-content:flex-start;-webkit-overflow-scrolling:touch}.tab-btn{flex:none;padding:12px 16px}.section-header{flex-direction:column;align-items:stretch;gap:15px}.header-left{flex-direction:column;align-items:flex-start!important;gap:15px}.search-bar{width:100%}.roles-grid,.teams-grid{grid-template-columns:1fr}.admin-table-wrapper{overflow-x:auto}.admin-modal{width:95%;padding:20px;border-radius:16px}.setting-item{flex-direction:column;align-items:flex-start;gap:15px}.setting-action,.setting-action input{width:100%}.card-header-inner{flex-direction:column;align-items:flex-start}.card-header-inner .add-btn{width:100%}}@media(max-width:480px){.section-header .add-btn,.settings-card .add-btn{white-space:normal!important;height:auto!important;width:auto!important;min-width:unset!important;padding:12px 16px!important;text-align:center}}.warehouse-container{padding:0;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease}.header-actions{display:flex;gap:15px;align-items:center}.page-header .search-bar{position:relative;display:flex;align-items:center;gap:10px;background:var(--card-bg);padding:10px 15px;border-radius:12px;border:1px solid var(--border-color);width:250px;box-shadow:var(--shadow)}.page-header .search-icon{position:static!important;transform:none!important;color:var(--text-secondary);flex-shrink:0}.page-header .search-bar input{border:none;outline:none;width:100%;font-size:.9rem;padding:0}.page-header .add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--accent-blue);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;min-width:max-content;flex-shrink:0}.page-header .add-btn:hover{background:#000;transform:translateY(-2px)}.view-toggles{display:flex;background:var(--secondary-bg);padding:4px;border-radius:10px}.view-toggle-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#64748b;transition:var(--transition)}.view-toggle-btn:hover{color:var(--text-primary);background:#e2e8f0}.view-toggle-btn.active{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow)}.warehouse-content{min-height:400px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;color:var(--text-secondary);gap:15px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.inventory-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition)}.inventory-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.card-image{height:180px;background:var(--sidebar-bg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative}.card-image img{width:100%;height:100%;object-fit:cover}.card-info{padding:20px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.card-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.supplier{font-size:.85rem;color:var(--text-secondary);margin:0 0 15px}.stats{display:flex;gap:15px;border-top:1px solid var(--border-color);padding-top:15px}.stat-item{flex:1;display:flex;flex-direction:column;gap:4px}.stat-item .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.stat-item .value{font-size:1.2rem;font-weight:700}.stats .stat-item .value.ordered{color:#f59e0b!important}.stats .stat-item .value.stock.positive{color:#10b981!important}.stats .stat-item .value.stock.negative{color:#ef4444!important}.stats .stat-item .value.stock.zero{color:var(--text-primary)!important}.card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transform:translateY(-5px);transition:var(--transition);z-index:5}.inventory-card:hover .card-actions{opacity:1;transform:translateY(0)}.card-actions button{background:var(--card-bg);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color)}.card-actions button:hover{color:var(--text-primary);transform:scale(1.1)}.card-actions button.delete:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.inventory-table-wrapper{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border-color)}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th{background:var(--sidebar-bg);padding:15px 20px;text-align:left;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.inventory-table td{padding:12px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle}.table-img{width:44px;height:44px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#cbd5e1}.table-img img{width:100%;height:100%;object-fit:cover}.item-name{font-weight:600;color:var(--text-primary)}.qty-tag{padding:4px 10px;border-radius:8px;font-weight:700;font-size:.95rem}.qty-tag.ordered{background:#fef3c7!important;color:#92400e!important}.qty-tag.stock.positive{background:#dcfce7!important;color:#166534!important}.qty-tag.stock.negative{background:#fee2e2!important;color:#991b1b!important}.qty-tag.stock.zero{background:var(--sidebar-bg)!important;color:var(--text-primary)!important}.actions{display:flex;gap:10px}.actions button{background:none;color:#94a3b8;transition:var(--transition)}.actions button:hover{color:var(--text-primary)}.actions button.delete:hover{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:var(--card-bg);width:100%;max-width:450px;border-radius:24px;padding:30px;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-header h3{margin:0;font-size:1.4rem}.form-group{margin-bottom:20px}.form-row{display:flex;gap:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.form-group input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--primary-bg);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.modal-footer{display:flex;gap:15px;margin-top:25px}.modal-footer button{flex:1;padding:14px;border-radius:14px;font-weight:600;transition:var(--transition)}.image-upload-section{width:100%;margin-bottom:25px}.preview-container{width:100%;height:180px;background:var(--primary-bg);border:2px dashed var(--border-color);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-secondary);margin-bottom:0;transition:var(--transition);cursor:pointer}.preview-container:hover{border-color:var(--accent-blue);background:var(--sidebar-bg)}.preview-container img{width:100%;height:100%;object-fit:cover}.cancel-btn{background:var(--sidebar-bg);color:var(--text-primary)}.save-btn{background:var(--accent-blue);color:#fff}.card-header .item-id{font-size:.75rem;color:var(--text-secondary);font-weight:500}.item-id-cell{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:20px 0}.page-btn{padding:10px 20px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.page-btn:hover:not(:disabled){background:var(--accent-blue);color:#fff;transform:translateY(-2px)}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--secondary-bg)}.page-info{font-size:.95rem;color:var(--text-secondary);font-weight:500}.page-info span{color:var(--accent-blue);font-weight:700}@media(max-width:768px){.warehouse-header{flex-direction:column;align-items:stretch;gap:20px}.header-actions{flex-direction:column;align-items:stretch}.search-bar{width:100%!important}.inventory-grid{grid-template-columns:1fr}.inventory-table-wrapper{overflow-x:auto}.modal-content{width:95%;padding:20px}.form-row{flex-direction:column;gap:0}}.calculations-container{max-width:1200px;margin:0 auto}.date-selector-container{position:relative}.date-range-display{display:flex;align-items:center;gap:12px;background:var(--card-bg);padding:10px 20px;border-radius:12px;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);color:var(--text-primary);font-weight:500}.date-range-display:hover{border-color:var(--accent-blue);transform:translateY(-1px)}.date-range-display svg{color:var(--accent-blue)}.date-picker-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 10px 40px #0003;z-index:1000;display:flex;overflow:hidden;min-width:540px}.date-picker-sidebar{width:200px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:10px;display:flex;flex-direction:column;justify-content:center}.date-picker-sidebar .presets-grid{display:flex;flex-direction:column;gap:4px}.preset-btn{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:10px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);width:100%;text-align:left}.preset-btn:hover{background:rgba(var(--accent-blue-rgb),.1)}.preset-btn.active{background:var(--accent-blue);color:#fff}.radio-circle{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-color);background:var(--card-bg);flex-shrink:0;display:flex;align-items:center;justify-content:center}.preset-btn.active .radio-circle{border-color:#fff;background:#fff}.radio-inner{width:8px;height:8px;border-radius:50%;background:var(--accent-blue);transform:scale(0);transition:transform .2s ease}.preset-btn.active .radio-inner{transform:scale(1)}.calendars-container{padding:24px;display:flex;flex-direction:column;gap:20px;flex:1}.calendars-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.calendar-nav-btn{padding:8px;border-radius:50%;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{background:var(--primary-bg);border-color:var(--accent-blue)}.calendar-grid-wrapper{display:flex;justify-content:center}.calendar-month{flex:1}.month-label{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:20px;text-transform:capitalize}.weekdays-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:capitalize}.calendar-day.outside{color:var(--text-muted);opacity:.15;pointer-events:none}.calendar-day.today{color:var(--accent-blue);font-weight:800}.calendar-day.selected{background:var(--accent-blue)!important;color:#fff!important;border-radius:8px;z-index:2}.calendar-day.in-range{background:rgba(var(--accent-blue-rgb),.2)!important;border-radius:0}.calendar-day.range-start:not(.range-end){border-top-right-radius:0;border-bottom-right-radius:0}.calendar-day.range-end:not(.range-start){border-top-left-radius:0;border-bottom-left-radius:0}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease;border:none;background:transparent;color:var(--text-primary);position:relative;z-index:1;width:100%}.tabs-actions-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px;flex-wrap:wrap}.calculations-tabs{display:flex;gap:6px;background:var(--sidebar-bg);padding:6px;border-radius:18px;width:fit-content;border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn{padding:12px 28px;border-radius:14px;font-weight:700;font-size:.9rem;color:var(--text-secondary);transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:10px;letter-spacing:.01em}.tab-btn:hover:not(.active){color:var(--text-primary);background:rgba(var(--accent-blue-rgb),.05)}.tab-btn.active{background:var(--card-bg);color:var(--accent-blue);box-shadow:0 4px 12px #0000001a,0 1px 2px #0000000d;transform:translateY(0)}.tab-btn svg{transition:transform .3s ease}.tab-btn.active svg{transform:scale(1.1)}.calculations-content{animation:fadeIn .3s ease}.info-card{background:var(--card-bg);border-radius:24px;padding:40px;text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow)}.info-card h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-primary)}.info-card p{color:var(--text-secondary)}.report-tab-content{display:flex;flex-direction:column;gap:30px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.summary-card{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;border-radius:20px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.summary-card .label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.summary-card .value{font-size:1.8rem;font-weight:700;color:var(--accent-blue)}.report-table-scroll-container{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);overflow-x:auto;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}.report-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.report-table th{background:var(--sidebar-bg);padding:16px 20px;font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;z-index:10}.advanced-table th,.advanced-table td{min-width:140px;padding:12px 16px;box-sizing:border-box}.advanced-table th:nth-child(3),.advanced-table td:nth-child(3){min-width:120px}.advanced-table th:nth-child(4),.advanced-table td:nth-child(4){min-width:175px}.advanced-table td{font-size:.85rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.sticky-col-1,.sticky-col-2{position:sticky;background:var(--card-bg)!important;z-index:5}.sticky-col-1{left:0;min-width:140px!important;width:140px!important}.sticky-col-2{left:140px;min-width:260px!important;width:260px!important;border-right:1px solid var(--border-color);box-shadow:6px 0 12px -4px #00000026}.report-table tr:hover td.sticky-col-1,.report-table tr:hover td.sticky-col-2{background:color-mix(in srgb,var(--card-bg),var(--accent-blue) 4%)!important}.advanced-table th:nth-child(1){position:sticky;left:0;z-index:15;background:var(--sidebar-bg)!important}.advanced-table th:nth-child(2){position:sticky;left:140px;z-index:15;background:var(--sidebar-bg)!important;border-right:1px solid var(--border-color);box-shadow:6px 0 12px -4px #00000026}.product-info-minimal .name{font-weight:600;color:var(--text-primary);display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis}.spend-value{font-weight:700;color:var(--accent-blue);font-family:JetBrains Mono,monospace}.loading-spinner{padding:60px;text-align:center;color:var(--text-secondary);font-weight:600}.status-progress{background:#3b82f61a!important;color:#3b82f6!important;border-color:#3b82f633!important}.status-failed{background:#ef44441a!important;color:#ef4444!important;border-color:#ef444433!important}.status-ordered{background:#22c55e1a!important;color:#22c55e!important;border-color:#22c55e33!important}.status-progress option,.status-failed option,.status-ordered option{background:var(--card-bg);color:var(--text-primary)}.tab-actions-row{display:flex;justify-content:flex-end;align-items:center;gap:16px}.search-box-wrapper{position:relative;flex:1;max-width:400px}.search-box-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-box-wrapper .search-input{width:100%;padding:12px 14px 12px 42px;border-radius:12px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(var(--accent-blue-rgb),.1)}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:var(--accent-blue);color:#fff;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--accent-blue-rgb),.2)}.export-btn:hover{background:color-mix(in srgb,var(--accent-blue),black 10%);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--accent-blue-rgb),.3)}.export-btn:active{transform:translateY(0)}.table-input{width:100%;background:var(--input-bg);border:1px solid var(--border-color);padding:6px 10px;border-radius:8px;color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.table-input:focus{outline:none;border-color:var(--accent-blue);background:var(--card-bg);box-shadow:0 0 0 3px rgba(var(--accent-blue-rgb),.1)}.table-select{width:100%;background:var(--input-bg);border:1px solid var(--border-color);padding:6px 20px;border-radius:10px;color:var(--text-primary);font-size:.82rem;font-weight:700;text-align:center;text-align-last:center;cursor:pointer;transition:all .2s ease;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.table-select:focus{outline:none;border-color:var(--accent-blue);background-color:var(--card-bg)}.link-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(var(--accent-blue-rgb),.15);color:var(--accent-blue);text-decoration:none;transition:all .2s ease;border:1px solid rgba(var(--accent-blue-rgb),.3)}.link-icon-btn:hover{background:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-blue-rgb),.4)}.merge-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:rgba(var(--accent-blue-rgb),.1);color:var(--accent-blue);font-weight:600;border:1px solid rgba(var(--accent-blue-rgb),.3);cursor:pointer;transition:all .2s ease}.merge-btn:hover{background:var(--accent-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-blue-rgb),.2)}.product-merge-modal{max-width:620px!important;padding:0!important;overflow:hidden;border-radius:20px!important;background:var(--card-bg)}.product-merge-modal .modal-header{padding:24px 28px;border-bottom:1px solid rgba(var(--accent-blue-rgb),.08)}.product-merge-modal .modal-header h3{font-size:1.4rem;font-weight:800;color:var(--text-primary)}.modal-tabs{display:flex;gap:8px;padding:8px;margin:0 28px 24px;background:var(--sidebar-bg);border-radius:14px;border:1px solid var(--border-color)}.modal-tab-btn{flex:1;padding:10px;border-radius:10px;font-size:.9rem;font-weight:700;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.modal-tab-btn:hover{color:var(--text-primary)}.modal-tab-btn.active{color:var(--accent-blue);background:var(--card-bg);box-shadow:0 4px 12px #00000014}.product-merge-modal .modal-body{padding:0 28px 32px}.merge-form{display:flex;flex-direction:column;gap:24px}.merge-form .form-group label{display:block;margin-bottom:10px;font-weight:600;font-size:.9rem;color:var(--text-secondary)}.merge-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:16px;border-radius:16px;background:linear-gradient(135deg,var(--accent-blue),#5a78ff);color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px rgba(var(--accent-blue-rgb),.25)}.merge-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px rgba(var(--accent-blue-rgb),.35);filter:brightness(1.1)}.merge-submit-btn:active:not(:disabled){transform:translateY(0)}.merge-submit-btn:disabled{background:var(--sidebar-bg);color:var(--text-secondary);opacity:.6;cursor:not-allowed;box-shadow:none}.modal-search-wrapper{position:relative;margin-bottom:24px;padding-top:4px}.modal-search-icon{position:absolute;left:16px;top:calc(50% + 2px);transform:translateY(-50%);color:var(--accent-blue)}.modal-search-input{width:100%;padding:14px 14px 14px 44px;border-radius:14px;border:2px solid var(--border-color);background:var(--sidebar-bg);color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .3s ease}.modal-search-input:focus{outline:none;border-color:rgba(var(--accent-blue-rgb),.4);background:var(--card-bg);box-shadow:0 0 0 4px rgba(var(--accent-blue-rgb),.1)}.mappings-scroll-area{max-height:380px;overflow-y:auto;border-radius:16px;border:1px solid var(--border-color);background:var(--sidebar-bg)}.modal-mappings-table{width:100%;border-collapse:separate;border-spacing:0}.modal-mappings-table th{text-align:left;padding:14px 20px;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:rgba(var(--accent-blue-rgb),.03);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.modal-mappings-table td{padding:16px 20px;background:var(--card-bg);border-bottom:1px solid var(--border-color);transition:background .2s ease}.modal-mappings-table tr:last-child td{border-bottom:none}.modal-mappings-table tr:hover td{background:rgba(var(--accent-blue-rgb),.02)}.mapping-prod-info{display:flex;flex-direction:column;gap:4px}.mapping-prod-info strong{color:var(--accent-blue);font-size:.95rem;font-family:var(--font-mono, monospace)}.mapping-prod-info span{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.delete-mapping-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.delete-mapping-btn:hover{background:#fff5f5;color:#ef4444;border-color:#ef444433;transform:scale(1.05)}.autocomplete-container{position:relative}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #00000026;z-index:1000;max-height:240px;overflow-y:auto;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggestion-item{padding:10px 14px;cursor:pointer;font-size:.9rem;transition:all .2s ease;border-radius:8px;display:flex;flex-direction:column;gap:2px;border:1px solid transparent;margin-bottom:2px}.suggestion-item:last-child{margin-bottom:0}.suggestion-item strong{color:var(--accent-blue);font-size:.95rem}.suggestion-item .suggestion-name{color:var(--text-secondary);font-size:.8rem}.suggestion-item:hover{background:rgba(var(--accent-blue-rgb),.05);border-color:rgba(var(--accent-blue-rgb),.1)}.suggestion-item:active{transform:scale(.98)}@media(max-width:1024px){.calculations-container{padding:0 10px}.tabs-actions-container{flex-direction:column;align-items:stretch}.calculations-tabs{width:100%;overflow-x:auto;justify-content:flex-start}.calculations-tabs .tab-btn{flex:none;padding:10px 15px}.date-range-display{width:100%;justify-content:space-between}.date-picker-dropdown{width:calc(100vw - 40px);min-width:0;flex-direction:column;right:auto;left:0;max-height:80vh;overflow-y:auto}.date-picker-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.presets-grid{flex-direction:row!important;flex-wrap:wrap}.preset-btn{width:auto!important;flex:1;min-width:120px}.summary-cards{grid-template-columns:1fr}.sticky-col-1,.sticky-col-2{position:static!important;box-shadow:none!important;border-right:1px solid var(--border-color)!important}.advanced-table th:nth-child(1),.advanced-table th:nth-child(2){position:static!important;box-shadow:none!important}}@media(max-width:480px){.calendar-grid-wrapper{transform:scale(.9);transform-origin:top center}.calendars-container{padding:10px}}@media(max-width:480px){.date-picker-dropdown{width:calc(100vw - 20px);left:10px;right:10px}.presets-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:10px!important}.preset-btn{padding:8px!important;font-size:.8rem!important;justify-content:flex-start!important;min-width:0!important}.weekday{font-size:.65rem}.calendar-day{font-size:.75rem}}.reports-page{padding:60px 40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 100px)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px}.report-card.clickable{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:32px;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005}.report-card.clickable:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px var(--accent-color)}[data-theme=dark] .report-card.clickable{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff0d}[data-theme=dark] .report-card.clickable:hover{background:#1e293b99;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px var(--accent-color)}.icon-wrapper{width:72px;height:72px;border-radius:20px;background:color-mix(in srgb,var(--accent-color),transparent 94%);display:flex;align-items:center;justify-content:center;color:var(--accent-color);transition:all .4s ease;position:relative}.report-card.clickable:hover .icon-wrapper{background:color-mix(in srgb,var(--accent-color),transparent 85%);box-shadow:0 0 40px -5px color-mix(in srgb,var(--accent-color),transparent 70%)}.report-icon{width:32px;height:32px}.card-content{display:flex;flex-direction:column;gap:16px;flex-grow:1}.report-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;transition:color .3s ease}.report-card.clickable:hover .report-title{color:var(--accent-color)}.report-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin:0;flex-grow:1}.card-footer{padding-top:12px}.action-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--accent-color);opacity:.8;transition:all .3s ease}.report-card.clickable:hover .action-link{opacity:1;transform:translate(4px)}@media(max-width:768px){.reports-page{padding:40px 20px}.reports-header h1{font-size:2.25rem}.reports-grid{grid-template-columns:1fr}.report-card.clickable{padding:32px}}.monthly-report-page{padding:30px;max-width:1600px;margin:0 auto;color:var(--text-primary);min-height:100vh}.report-view .monthly-report-page{padding:10px 0}.month-selector span{font-size:1.05rem;font-weight:700;color:var(--text-primary);min-width:140px;text-align:center}.generate-btn{margin-left:auto;display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #4f46e533;white-space:nowrap}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #4f46e54d;filter:brightness(1.1)}.report-table-container{margin-top:30px;overflow:visible}.loading-spinner,.no-data-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:var(--text-secondary);background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:center;width:100%;box-sizing:border-box}.report-table-scroll-container{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);overflow:auto;max-height:80vh;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;position:relative;margin-top:20px}.monthly-report-summary{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7);opacity:.7;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px #00000014;border-color:#6366f1}[data-theme=dark] .summary-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px #0003}[data-theme=dark] .summary-card:hover{background:#243048;box-shadow:0 30px 60px #0006}.monthly-report-actions{display:flex;justify-content:flex-end;margin-top:10px;margin-bottom:20px;width:100%}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:600;transition:all .2s ease}.export-btn:hover:not(:disabled){background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.report-table-container table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color)}.report-table-container th{background:var(--sidebar-bg);color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:16px 20px;text-align:left;border-bottom:2px solid var(--border-color);border-right:1px solid color-mix(in srgb,var(--border-color),transparent 70%);position:sticky;top:0;z-index:20}.sticky-col-1{position:sticky!important;left:0!important;background:var(--card-bg)!important;z-index:10!important;box-shadow:4px 0 10px -2px #0000001a}.report-table-container th:last-child{border-right:none}.report-table-container td{padding:14px 20px;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);border-right:1px solid color-mix(in srgb,var(--border-color),transparent 85%);transition:background .2s ease}.report-table-container td:last-child{border-right:none}.report-table-container tr:last-child td{border-bottom:none}.report-table-container tr:hover td{background:color-mix(in srgb,var(--card-bg),var(--accent-blue) 2%)}.report-table-container .highlight-red-cell{color:#ef4444;font-weight:600}@media(max-width:768px){.monthly-report-page{padding:15px}.report-view .monthly-report-page{padding:5px 0}.controls-row{flex-direction:column;align-items:stretch;gap:15px}.date-controls-group{flex-direction:column;align-items:stretch;gap:15px;width:100%}.presets,.month-selector{width:100%;justify-content:space-between!important;box-sizing:border-box}.preset-btn{flex:1;padding:10px 12px;font-size:.85rem}.generate-btn{margin-left:0!important;width:100%;justify-content:center}.summary-grid{grid-template-columns:1fr 1fr!important;gap:12px}.monthly-report-actions{justify-content:stretch}.export-btn{width:100%;justify-content:center}}@media(max-width:480px){.presets{flex-direction:column;gap:8px;background:transparent;border:none;padding:0}.preset-btn{width:100%;background:var(--secondary-bg);border:1px solid var(--border-color);padding:12px}.month-selector-premium{width:100%;overflow-x:auto;justify-content:space-between;padding:4px 8px}.month-selector{width:100%;justify-content:space-between}.month-selector span{font-size:.9rem;min-width:110px}.current-month{font-size:.85rem;min-width:110px}.summary-card{padding:16px;box-shadow:0 4px 12px #00000008}.summary-card .value{font-size:1.4rem}.export-btn{padding:10px 16px;font-size:.9rem;box-shadow:0 4px 10px #3b82f626}.summary-grid{grid-template-columns:1fr!important}.report-header-premium{flex-direction:column;align-items:flex-start!important;gap:15px}.report-header-premium .header-left{width:100%}}.product-report-page{padding:30px;max-width:1600px;margin:0 auto;color:var(--text-primary);min-height:100vh}.report-view .product-report-page{padding:10px 0}.controls-card-premium{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;padding:20px;margin-bottom:30px;box-shadow:0 4px 15px #0000000d;position:relative;z-index:100;animation:slideInDown .4s ease}.product-search-section{position:relative;flex:2;min-width:0;max-width:100%}.date-controls-group{display:flex;align-items:center;gap:16px;justify-content:flex-end}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none;z-index:5}.product-search-input{width:100%;background:var(--secondary-bg);border:1px solid var(--border-color);padding:12px 16px 12px 42px;border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .2s ease}.product-search-input:focus{outline:none;background:var(--card-bg);border-color:var(--accent-blue);box-shadow:0 0 0 4px #3b82f61a}.suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 40px #0003;z-index:1000;max-height:300px;overflow-y:auto;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.suggestion-item{padding:12px 20px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#3b82f60d}.suggestion-item .item-id{font-size:.75rem;color:var(--accent-blue);font-weight:700}.suggestion-item .item-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.header-actions{display:none}.month-selector{display:flex;align-items:center;gap:12px;background:var(--secondary-bg);padding:6px 14px;border-radius:12px;border:1px solid var(--border-color);max-width:100%;overflow-x:auto}.nav-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--sidebar-bg);color:#3b82f6;border-color:#3b82f6}.generate-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #3b82f633;margin-left:auto}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #3b82f64d;filter:brightness(1.1)}@media(max-width:768px){.product-report-page{padding:15px}.report-view .product-report-page{padding:5px 0}.controls-row{flex-direction:column;align-items:stretch;gap:15px}.date-controls-group{flex-direction:column;align-items:stretch;gap:15px;width:100%}.presets,.month-selector{width:100%;justify-content:space-between!important;box-sizing:border-box}.preset-btn{flex:1;padding:10px 12px;font-size:.85rem}.generate-btn{margin-left:0!important;width:100%;justify-content:center}.summary-grid{grid-template-columns:1fr 1fr!important;gap:12px}.summary-card{padding:16px}.summary-card .value{font-size:1.2rem}}@media(max-width:480px){.presets{flex-direction:column;gap:8px;background:transparent;border:none;padding:0}.preset-btn{width:100%;background:var(--secondary-bg);border:1px solid var(--border-color);padding:12px}.summary-grid{grid-template-columns:1fr!important}.product-info-header{flex-direction:column;align-items:flex-start!important}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:var(--card-bg);border:1px solid var(--border-color);padding:24px 28px;border-radius:24px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:.7;transition:opacity .3s ease}.summary-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px #00000014;border-color:#3b82f6}.summary-card:hover:before{opacity:1}.summary-card .label{font-size:.85rem;color:var(--text-secondary);font-weight:600;letter-spacing:.01em;text-transform:uppercase;opacity:.8}.card-header-mini{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--text-secondary)}.card-header-mini svg{opacity:.5;transition:all .3s ease}.summary-card:hover .card-header-mini svg{opacity:1;transform:scale(1.1);color:inherit}.summary-card .value{font-size:1.6rem;font-weight:850;color:var(--text-primary);letter-spacing:-.02em}.summary-card.highlight-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card.highlight-green:hover{border-color:#10b981}.summary-card.highlight-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.summary-card.highlight-blue:hover{border-color:#3b82f6}.summary-card.highlight-blue .value,.summary-card.highlight .value{color:#3b82f6}.summary-card.trend-positive:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card.trend-positive:hover{border-color:#10b981}.summary-card.trend-positive .value{color:#10b981}.summary-card.trend-negative:before{background:linear-gradient(90deg,#ef4444,#f87171)}.summary-card.trend-negative:hover{border-color:#ef4444}.summary-card.trend-negative .value{color:#ef4444}.report-table-container{margin-top:20px;overflow:visible}.report-table-scroll-container{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);overflow:auto;max-height:80vh;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;position:relative}.report-table{width:100%;border-collapse:separate;border-spacing:0}.report-table th{background:var(--sidebar-bg);color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:16px 20px;text-align:left;border-bottom:2px solid var(--border-color);border-right:1px solid color-mix(in srgb,var(--border-color),transparent 70%);position:sticky;top:0;z-index:20;white-space:nowrap}.sticky-col-1{position:sticky!important;left:0!important;background:var(--card-bg)!important;z-index:10!important;border-right:1px solid var(--border-color)!important;box-shadow:4px 0 10px -2px #0000001a}th.sticky-col-1{z-index:30!important;background:var(--sidebar-bg)!important}.report-table th:last-child{border-right:none}.report-table td{padding:14px 20px;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);border-right:1px solid color-mix(in srgb,var(--border-color),transparent 85%);transition:background .2s ease;white-space:nowrap}.report-table td:last-child{border-right:none}.report-table tr:hover td{background:color-mix(in srgb,var(--card-bg),var(--accent-blue) 2%)}.report-table tr:hover td:first-child{background:color-mix(in srgb,var(--card-bg),var(--accent-blue) 5%)!important}.spend-value{font-family:JetBrains Mono,monospace;font-weight:600}.report-top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.product-info-header{display:flex;align-items:center;gap:15px;background:transparent;border:none;padding:0;margin:0}.product-icon-large{width:48px;height:48px;background:#3b82f61a;color:var(--accent-blue);border-radius:14px;display:flex;align-items:center;justify-content:center}.product-info-header h2{margin:0;font-size:1.4rem;font-weight:800}.product-info-header .id-badge{padding:4px 10px;background:#3b82f61a;color:var(--accent-blue);border-radius:6px;font-size:.85rem;font-weight:700}.summary-card.highlight-red .value{color:#ef4444}.summary-card.highlight-blue .value{color:#3b82f6}.summary-card.highlight-green .value{color:#10b981}.positive{color:#10b981!important;font-weight:800!important}.negative{color:#ef4444!important;font-weight:700!important}.tests-report-page{padding:30px;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.report-view .tests-report-page{padding:10px 0}.report-header-premium{display:flex;justify-content:space-between;align-items:flex-start;padding:0 4px;margin-bottom:24px;animation:fadeIn .4s ease-out}.header-left{display:flex;align-items:center;gap:20px}.header-back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;margin-right:4px}.header-back-btn:hover{background:var(--secondary-bg);transform:translate(-3px);border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 4px 12px #3b82f61a}.header-icon-container{width:60px;height:60px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);box-shadow:var(--shadow)}.header-titles h1{font-size:2rem;font-weight:850;color:var(--text-primary);margin:0;letter-spacing:-.02em}.header-badge{font-size:.9rem;font-weight:600;color:var(--text-secondary);opacity:.7;margin-top:2px}.header-context-badge{display:flex;align-items:center;gap:12px;background:var(--card-bg);padding:8px 16px;border-radius:100px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.header-context-badge img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-blue)}.header-context-badge span{font-size:.9rem;color:var(--text-secondary)}.header-context-badge strong{color:var(--text-primary)}.controls-section{margin-bottom:30px}.controls-card-premium{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:20px;padding:20px;box-shadow:0 4px 15px #0000000d;animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.controls-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.date-controls-group{display:flex;align-items:center;gap:16px}.presets{display:flex;background:var(--secondary-bg);padding:4px;border-radius:12px;border:1px solid var(--border-color)}.preset-btn{padding:10px 24px;border-radius:10px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-btn.active{background:var(--card-bg);color:var(--accent-blue);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}.month-selector{display:flex;align-items:center;gap:12px;background:var(--secondary-bg);padding:6px 14px;border-radius:12px;border:1px solid var(--border-color)}.current-month{font-size:1.05rem;font-weight:700;color:var(--text-primary);text-transform:capitalize;min-width:140px;text-align:center}.generate-btn{margin-left:auto;display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #8b5cf633;white-space:nowrap}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #8b5cf64d;filter:brightness(1.1)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.report-content{min-height:400px;display:flex;flex-direction:column}.empty-state,.loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--card-bg);border-radius:30px;border:2px dashed var(--border-color);padding:60px}.empty-icon{font-size:64px;margin-bottom:24px}.empty-state h3{font-size:1.8rem;font-weight:800;margin-bottom:12px}.empty-state p,.loading-state p{color:var(--text-secondary);font-size:1.1rem;max-width:400px}.loading-state{gap:24px;color:#8b5cf6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:30px}.stats-card{background:var(--card-bg);border:1px solid var(--border-color);padding:30px;border-radius:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);transition:transform .3s ease}.stats-card:hover{transform:translateY(-5px)}.card-icon{width:60px;height:60px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center}.card-icon.blue{background:#3b82f61a;color:#3b82f6}.card-icon.green{background:#22c55e1a;color:#22c55e}.card-icon.purple{background:#8b5cf61a;color:#8b5cf6}.card-icon.orange{background:#f973161a;color:#f97316}.card-info .label{display:block;font-size:.95rem;color:var(--text-secondary);font-weight:600;margin-bottom:5px}.card-info .value{display:block;font-size:1.8rem;font-weight:800;color:var(--text-primary)}.dashboard-footer{padding:20px;color:var(--text-muted);font-size:.9rem;font-style:italic}[data-theme=dark] .month-selector,[data-theme=dark] .stats-card,[data-theme=dark] .empty-state{background:#1e293b;border-color:#334155}.tests-table-section{margin-top:40px;animation:slideUp .6s cubic-bezier(.2,.8,.2,1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000005}.export-btn:hover{background:var(--primary-bg);color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.table-wrapper{background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);overflow-x:auto;box-shadow:0 10px 40px -10px #0000000a}.tests-detailed-table{width:100%;min-width:1200px;border-collapse:collapse;text-align:left}.tests-detailed-table th{background:var(--sidebar-bg);padding:16px 24px;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.tests-detailed-table td{padding:18px 24px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap}.tests-detailed-table th:last-child,.tests-detailed-table td:last-child{padding-right:40px;text-align:right}.tests-detailed-table tr:last-child td{border-bottom:none}.tests-detailed-table tr:hover td{background:color-mix(in srgb,var(--card-bg),var(--accent-blue) 2%)}.id-cell{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text-secondary);font-size:.85rem}.name-cell{font-weight:600;color:var(--text-primary);white-space:nowrap}.status-pill{display:inline-flex;padding:6px 14px;border-radius:100px;font-size:.8rem;font-weight:700;white-space:nowrap}.status-pill.success{background:#dcfce7;color:#166534}.status-pill.danger{background:#fee2e2;color:#991b1b}.status-pill.warning{background:#fef9c3;color:#854d0e}.site-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-blue);text-decoration:none;font-weight:600;font-size:.9rem;transition:opacity .2s}.site-link:hover{opacity:.7}.price-cell{font-weight:700;color:var(--text-primary)}.cpl-cell{font-weight:800}.date-cell{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tests-report-page{padding:15px}.report-view .tests-report-page{padding:5px 0}.controls-row{flex-direction:column;align-items:stretch;gap:15px}.date-controls-group{flex-direction:column;align-items:stretch;gap:15px;width:100%}.presets,.month-selector{width:100%;justify-content:space-between!important;box-sizing:border-box}.preset-btn{flex:1;padding:10px 12px;font-size:.85rem}.generate-btn{margin-left:0!important;width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px}.stats-card{padding:16px}.card-info .value{font-size:1.2rem}}@media(max-width:480px){.presets{flex-direction:column;gap:8px;background:transparent;border:none;padding:0}.preset-btn{width:100%;background:var(--secondary-bg);border:1px solid var(--border-color);padding:12px}.stats-grid{grid-template-columns:1fr!important}.report-header-premium{flex-direction:column;align-items:flex-start!important;gap:15px}.header-left{width:100%}}.teams-page{padding:32px;max-width:1200px;margin:0 auto;animation:fadeInTeams .4s ease-out}@keyframes fadeInTeams{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.team-section{margin-bottom:48px}.team-title{font-size:1.4rem;font-weight:800;margin-bottom:24px;padding-left:16px;border-left:4px solid var(--accent-color);color:var(--text-primary);letter-spacing:-.5px}.members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.member-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.member-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-color);background:var(--card-bg-hover)}.member-main{display:flex;align-items:center;gap:16px}.user-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.user-avatar img{width:100%;height:100%;object-fit:cover}.member-details{display:flex;flex-direction:column;gap:4px}.member-details .name{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.member-details .role{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.arrow{color:var(--text-secondary);opacity:.3;transition:all .3s ease}.member-item:hover .arrow{opacity:1;color:var(--accent-color);transform:translate(4px)}.back-btn-header{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;margin-bottom:32px;transition:color .2s}.back-btn-header:hover{color:var(--accent-color)}.member-profile{display:flex;align-items:center;gap:24px;margin-bottom:48px}.user-avatar-lg{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;flex-shrink:0;box-shadow:var(--shadow-xl)}.user-avatar-lg img{width:100%;height:100%;object-fit:cover}.role-badge{background:var(--accent-pastel-blue);color:var(--text-primary);padding:6px 16px;border-radius:12px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.reports-selection-title{font-size:1.3rem;font-weight:700;margin-bottom:32px;color:var(--text-secondary)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.report-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:32px;padding:32px;display:flex;align-items:center;gap:24px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-gradient);opacity:0;transition:opacity .3s}.report-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--accent-color)}.report-card:hover:before{opacity:1}.report-icon{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-icon.monthly{background:var(--accent-pastel-green);color:#10b981}.report-icon.product{background:var(--accent-pastel-blue);color:#0ea5e9}.report-icon.tests{background:var(--accent-pastel-purple);color:#8b5cf6}.report-info h3{font-size:1.4rem;font-weight:800;margin-bottom:8px}.report-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.report-view-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:var(--card-bg);border-radius:24px;margin-bottom:32px;border:1px solid var(--border-color);position:sticky;top:20px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.back-btn{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 20px;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--border-color);transform:translate(-4px)}.viewing-for{display:flex;align-items:center;gap:12px}.user-avatar-sm{width:32px;height:32px;border-radius:10px;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;overflow:hidden}.user-avatar-sm img{width:100%;height:100%;object-fit:cover}.empty-state{text-align:center;padding:100px 0}.empty-state .icon{color:var(--accent-color);opacity:.1;margin-bottom:24px}.empty-state h2{font-size:2rem;font-weight:800;margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:1.1rem}.loader{width:48px;height:48px;border:5px solid var(--border-color);border-bottom-color:var(--accent-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:20px}.header-controls{display:flex;align-items:center;gap:16px}.team-summary-premium{margin-bottom:40px;min-height:120px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.metric-card{background:var(--card-bg);padding:24px;border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:transform .3s ease}.metric-card:hover{transform:translateY(-4px)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.metric-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.metric-title{color:var(--text-secondary);font-size:14px;font-weight:600}.metric-value{font-size:28px;font-weight:850;color:var(--text-primary);margin-bottom:8px}.metric-trend{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#ef4444}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.month-selector-premium{display:flex;align-items:center;gap:12px;background:var(--card-bg);padding:6px 12px;border-radius:16px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.month-selector-premium .nav-btn{width:32px;height:32px;border-radius:10px;border:none;background:var(--secondary-bg);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.month-selector-premium .nav-btn:hover{background:var(--border-color);color:var(--accent-color)}.current-month{font-size:.95rem;font-weight:700;min-width:140px;text-align:center;text-transform:capitalize}.stats-loader-container{display:flex;align-items:center;gap:12px;color:var(--text-secondary);padding:20px}.loader-mini{width:20px;height:20px;border:2px solid var(--border-color);border-bottom-color:var(--accent-color);border-radius:50%;animation:rotation 1s linear infinite}.no-stats-placeholder{padding:24px;text-align:center;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:20px;color:var(--text-secondary)}@media(max-width:1250px){.summary-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:768px){.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:20px}}@media(max-width:768px){.teams-page{padding:15px}.members-list{grid-template-columns:1fr}.member-profile{flex-direction:column;text-align:center}.reports-grid{grid-template-columns:1fr}.report-card{padding:20px;flex-direction:column;text-align:center}.report-view-nav{flex-direction:column;gap:15px;padding:15px;top:10px}.metrics-grid{grid-template-columns:1fr}}:root{--primary-bg: #fdfaf6;--secondary-bg: #ffffff;--sidebar-bg: #f4f7f6;--accent-pastel-blue: #d6e4ff;--accent-pastel-green: #dcfce7;--accent-pastel-pink: #fce7f3;--accent-pastel-purple: #f3e8ff;--accent-blue: #3b82f6;--accent-blue-rgb: 59, 130, 246;--text-primary: #2d3436;--text-secondary: #636e72;--border-color: #e9ecef;--border-radius: 12px;--transition: all .3s ease;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -2px rgba(0, 0, 0, .05);--card-bg: var(--secondary-bg);--input-bg: var(--secondary-bg)}[data-theme=dark]{--primary-bg: #0f172a;--secondary-bg: #1e293b;--sidebar-bg: #0f172a;--accent-pastel-blue: #334155;--accent-pastel-green: #064e3b;--accent-pastel-pink: #701a75;--accent-pastel-purple: #581c87;--accent-blue: #60a5fa;--accent-blue-rgb: 96, 165, 250;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--card-bg: #1e293b;--input-bg: #0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--primary-bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;outline:none;border-radius:var(--border-radius);transition:var(--transition);font-family:inherit}input{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 15px;outline:none;transition:var(--transition);font-family:inherit}input:focus{border-color:var(--accent-pastel-blue);box-shadow:0 0 0 3px #d6e4ff80}.card{background:var(--secondary-bg);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow)}.btn-primary{background-color:var(--accent-pastel-blue);color:var(--text-primary);font-weight:500;padding:10px 20px}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.title{font-size:2rem;font-weight:700;margin-bottom:1rem}.subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.placeholder-page{display:flex;align-items:center;justify-content:center;height:calc(100vh - 120px);text-align:center}.empty-illustration{font-size:5rem;margin-top:20px;opacity:.5}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.header-nav-integrated{margin-top:-8px;margin-bottom:32px;display:flex;justify-content:flex-start}.header-left{display:flex;align-items:center;gap:24px}.header-icon-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--secondary-bg);box-shadow:var(--shadow);color:var(--accent-blue);flex-shrink:0;border:1px solid var(--border-color)}.header-titles h1{font-size:2.2rem;font-weight:800;margin:0;color:var(--text-primary);letter-spacing:-.02em}.header-titles .subtitle{font-size:.95rem;color:var(--text-secondary);display:block;margin-top:4px}.header-actions{display:flex;align-items:center;gap:16px}.avatar-placeholder-header{border-radius:50%;background:var(--accent-pastel-blue);color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-weight:800;border:2px solid var(--accent-blue);text-transform:uppercase;flex-shrink:0;box-sizing:border-box}.avatar-placeholder-header.sm{width:28px;height:28px;font-size:.75rem;border-width:1.5px}.avatar-placeholder-header.md{width:40px;height:40px;font-size:1rem}.avatar-placeholder-header.lg{width:100px;height:100px;font-size:2.5rem;border-width:4px}.avatar-placeholder-header.header{width:32px;height:32px;font-size:.85rem}@media(max-width:992px){.page-header{flex-direction:column;align-items:flex-start;gap:24px}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}