:root{--bg-color:#f7f3ec;--sidebar-bg:#f7f3ec;--card-bg:#fff;--primary-green:#0b432d;--primary-green-light:#e8d58a;--primary-purple:#c89b3c;--primary-purple-light:#f4e9cf;--deep-forest:#05150e;--footer-forest:#082a1c;--border-forest:#0a3d2b;--text-dark:#102117;--text-gray:#5e6a63;--text-light:#8b948e;--border-color:#0b432d24;--success:#19880f;--warning:#c89b3c;--danger:#b9382e;--danger-light:#f8e5e1;--shadow-sm:0 2px 10px #05150e0a;--shadow-md:0 4px 20px #05150e14;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sidebar-bg);color:var(--text-dark);min-height:100vh;margin:0;font-family:Manrope,sans-serif;overflow-x:hidden}.dashboard-container{background-color:var(--sidebar-bg);width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);-webkit-overflow-scrolling:touch;flex-direction:column;width:260px;padding:32px 24px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#0b432d26;border-radius:4px}.logo{align-items:center;gap:12px;margin-bottom:40px;font-size:20px;font-weight:700;display:flex}.menu-btn{cursor:pointer;color:var(--text-gray);background:0 0;border:none;margin-left:auto}.nav-menu{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-gray);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item svg{color:var(--text-light)}.nav-item:hover{background-color:#00000005}.nav-item.active{background-color:var(--primary-green);color:var(--sidebar-bg)}.nav-item.active svg{color:var(--sidebar-bg)}.nav-item.logout{margin-top:auto;margin-bottom:24px}.promo-card{background-color:var(--footer-forest);border-radius:var(--radius-lg);color:var(--bg-color);text-align:left;padding:24px;position:relative;overflow:hidden}.promo-icon{background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.promo-card h3{margin-bottom:8px;font-size:16px;line-height:1.4}.promo-card p{color:#f7f3ecb3;margin-bottom:16px;font-size:12px}.btn-dark{background-color:var(--primary-green);width:100%;color:var(--bg-color);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px;font-weight:500;transition:background .2s}.btn-dark:hover{background-color:var(--border-forest)}.btn-primary{background-color:var(--primary-green)!important;color:var(--bg-color)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;box-shadow:var(--shadow-sm)!important;border:none!important;justify-content:center!important;align-items:center!important;padding:10px 24px!important;font-weight:600!important;text-decoration:none!important;transition:all .2s ease-in-out!important;display:inline-flex!important}.btn-primary:hover{background-color:var(--border-forest)!important;box-shadow:var(--shadow-md)!important;color:var(--bg-color)!important;transform:translateY(-1px)!important}.btn-primary:active{transform:translateY(0)!important}.main-content{flex-direction:column;flex:1;padding:32px;display:flex;overflow-y:auto}.top-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sticky-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f7f3ecd9;border-bottom:1px solid #0b432d14;margin-left:-32px;margin-right:-32px;padding:16px 32px;position:sticky;top:0}.greeting-text{align-items:baseline;gap:8px;display:flex}.greeting .hello{color:var(--text-gray);font-size:16px;font-weight:500}.greeting h1{align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.current-date{color:var(--text-light);margin-top:4px;font-size:13px;font-weight:500;display:block}.header-actions{align-items:center;gap:20px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-btn{background-color:var(--primary-green);color:var(--bg-color);box-shadow:var(--shadow-sm);border:none}.add-btn:hover{background-color:var(--border-forest)}.search-bar{border-radius:var(--radius-lg);background-color:#fff;border:1px solid #0000;align-items:center;gap:8px;width:280px;padding:10px 16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.search-bar-enhanced:focus-within{border-color:var(--primary-green);box-shadow:0 0 0 3px #0b432d1a}.search-bar input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-shortcut{background:var(--sidebar-bg);color:var(--text-light);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.notification-bell{color:var(--text-gray);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:relative}.notification-bell:hover{background:#0000000a}.badge-dot{background-color:var(--danger);border:2px solid var(--sidebar-bg);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:12px}.enhanced-profile{cursor:pointer;border-radius:24px;align-items:center;gap:8px;padding:4px 8px 4px 4px;transition:background .2s;display:flex}.header-profile-group{align-items:center;gap:20px;display:flex}.enhanced-profile:hover{background:#0000000a}.user-profile img,.enhanced-profile img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 4px #0000000d}.enhanced-profile .chevron{color:var(--text-gray);transition:transform .2s}.dropdown-panel{border-radius:var(--radius-md);border:1px solid var(--border-color);z-index:1000;transform-origin:100% 0;background:#fff;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000014,0 2px 10px #0000000a}@keyframes slideDown{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.notifications-dropdown{width:320px}.profile-dropdown{width:240px}.dropdown-header{border-bottom:1px solid var(--border-color);background:#fafafa;justify-content:space-between;align-items:center;padding:16px;display:flex}.dropdown-header h3{margin:0;font-size:14px;font-weight:600}.mark-read-btn{color:var(--primary-green);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.dropdown-body{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;gap:12px;padding:16px;transition:background .2s;display:flex}.notification-item:hover{background:#f9f9f9}.notification-item.unread{background:#0b432d05}.notif-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.green-icon{color:var(--success);background:#19880f1a}.purple-icon{color:var(--warning);background:#c89b3c1a}.notif-content p{color:var(--text-dark);margin-bottom:2px;font-size:13px}.notif-desc{color:var(--text-gray)!important;font-size:12px!important}.notif-time{color:var(--text-light);margin-top:4px;font-size:11px;display:block}.dropdown-footer{text-align:center;border-top:1px solid var(--border-color);background:#fafafa;padding:12px}.dropdown-footer a{color:var(--primary-green);font-size:12px;font-weight:600;text-decoration:none}.profile-header{align-items:center;gap:12px;padding:16px;display:flex}.profile-header img{object-fit:cover;border-radius:50%;width:40px;height:40px}.profile-info .profile-name{margin-bottom:2px;font-size:14px;font-weight:600}.profile-info .profile-role{color:var(--text-gray);font-size:12px}.dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.dropdown-item{color:var(--text-dark);align-items:center;gap:12px;padding:12px 16px;font-size:13px;text-decoration:none;transition:background .2s;display:flex}.dropdown-item:hover{background:#f9f9f9}.dropdown-item svg{color:var(--text-gray)}.logout-item,.logout-item svg{color:var(--danger)}.settings-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex}.tab-btn{color:var(--text-gray);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--text-dark);background:#00000008}.tab-btn.active{color:var(--primary-green);background:#0b432d0d}.toggle-switch input:checked+.slider{background-color:var(--primary-green)}.toggle-switch input:focus+.slider{box-shadow:0 0 1px var(--primary-green)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.content-left,.content-right{flex-direction:column;gap:24px;display:flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:20px}.stat-icon{color:var(--text-gray);margin-bottom:16px}.stat-label{color:var(--text-gray);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.badge{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.badge.positive{background-color:var(--primary-green-light);color:var(--primary-green)}.badge.negative{background-color:var(--danger-light);color:var(--danger)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;padding:24px}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.card-header h2{font-size:18px;font-weight:600}.dropdown{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-gray);cursor:pointer;background:0 0;outline:none;padding:6px 12px;font-size:12px}.chart-card{position:relative}.report-value{margin-top:8px;font-size:32px;font-weight:700}.report-sub{color:var(--text-gray);margin-top:4px;font-size:12px}.green-text{color:var(--primary-green);font-weight:500}.chart-actions{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.legend{color:var(--text-gray);gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.purple{background-color:var(--primary-purple)}.dot.green{background-color:var(--primary-green)}.dot.dark{background-color:var(--text-dark)}.chart-container{height:200px;margin-top:32px;display:flex;position:relative}.chart-y-left,.chart-y-right{color:var(--text-light);flex-direction:column;justify-content:space-between;height:100%;font-size:12px;display:flex}.chart-y-left{padding-right:16px}.chart-y-right{padding-left:16px}.chart-bars{border-bottom:1px dashed var(--border-color);flex:1;justify-content:space-between;align-items:flex-end;padding:0 16px;display:flex;position:relative}.chart-bars:before{content:"";background-image:linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);opacity:.5;z-index:0;background-size:100% 40px;position:absolute;inset:0}.bar-group{z-index:1;align-items:flex-end;gap:4px;height:100%;display:flex;position:relative}.bar{border-radius:12px;width:24px}.bar.purple{background-color:var(--primary-purple)}.bar.green{background-color:var(--primary-green)}.chart-x{color:var(--text-light);justify-content:space-between;padding:16px 48px 0;font-size:12px;display:flex}.tooltip{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:10;background:#fff;width:150px;padding:12px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.tooltip-title{margin-bottom:8px;font-size:12px;font-weight:600}.tooltip-row{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.tooltip-val{font-weight:600}.table-actions{gap:12px;display:flex}.btn-sort{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-gray);background:0 0;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:var(--text-gray);border-bottom:1px solid var(--border-color);padding:16px 8px;font-size:12px;font-weight:500}.orders-table td{color:var(--text-dark);border-bottom:1px solid var(--border-color);padding:16px 8px;font-size:14px}.orders-table tr:last-child td{border-bottom:none}.orders-table th:first-child,.orders-table td:first-child{align-items:center;gap:12px;display:flex}input[type=checkbox]{border:1px solid var(--border-color);width:16px;height:16px;accent-color:var(--primary-green);border-radius:4px}.status-badge{white-space:nowrap;border-radius:12px;padding:6px 12px;font-size:12px;font-weight:500}.status-badge.complete{color:var(--success);background-color:#19880f1f}.status-badge.progress{background-color:var(--primary-purple-light);color:var(--primary-purple)}.status-badge.pending{color:var(--warning);background-color:#f4e9cf}.status-badge.cancel{background-color:var(--danger-light);color:var(--danger)}.venn-diagram{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.circle{color:#fff;mix-blend-mode:multiply;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.circle-purple{background-color:var(--primary-purple);z-index:2;width:140px;height:140px;top:0}.circle-green{background-color:var(--primary-green);z-index:1;width:100px;height:100px;bottom:0;left:10%}.circle-gray{width:100px;height:100px;color:var(--text-dark);z-index:1;background-color:#ede6da;bottom:0;right:10%}.circle-val{font-size:16px;font-weight:700}.circle-label{opacity:.9;font-size:12px}.circle-gray .circle-val{color:var(--text-dark)}.circle-gray .circle-label{color:var(--text-gray)}.gauge-chart{justify-content:center;margin:24px 0;display:flex}.growth-stats{justify-content:space-between;display:flex}.g-stat{flex-direction:column;gap:8px;display:flex}.g-label{color:var(--text-gray);font-size:12px}.g-value{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.manage-link{color:var(--text-gray);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.inventory-list{flex-direction:column;gap:16px;display:flex}.inv-item{align-items:center;gap:12px;font-size:14px;display:flex}.mobile-menu-toggle,.mobile-only-close{display:none}.grid-responsive-2col{grid-template-columns:2fr 1fr;gap:24px;display:grid}.grid-responsive-3col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-responsive-4col{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex-responsive-between{justify-content:space-between;align-items:center;display:flex}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;margin-bottom:1rem;overflow-x:auto}.table-responsive .orders-table{min-width:600px}@media (width<=1023.98px){.dashboard-container{flex-direction:column}.dashboard-grid{grid-template-columns:1fr!important;width:100%!important;min-width:0!important}.content-left,.content-right{width:100%!important;min-width:0!important;overflow:hidden!important}.card{box-sizing:border-box!important;width:100%!important;min-width:0!important}.sidebar{background-color:var(--card-bg);z-index:1001;border-right:none;width:280px;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #05150e26;-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#05150e66;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.main-content{padding:24px;max-width:100%!important;overflow-x:hidden!important}.sticky-header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.mobile-menu-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-dark);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .2s;display:flex!important}.mobile-menu-toggle:hover{background:#00000005}.mobile-only-close{color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:24px;padding:8px;display:flex!important}.mobile-only-close:hover{background:#0000000a}.grid-responsive-2col{grid-template-columns:1fr}.grid-responsive-3col,.grid-responsive-4col{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=767.98px){.main-content{padding:16px;max-width:100%!important;overflow-x:hidden!important}.sticky-header{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.top-header{grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:12px!important;margin-bottom:24px!important;display:grid!important}.mobile-menu-toggle{grid-area:1/1;display:flex!important}.greeting{grid-area:1/2;margin-left:4px;min-width:0!important;overflow:hidden!important}.greeting-text{align-items:center;min-width:0!important}.greeting h1{white-space:nowrap!important;text-overflow:ellipsis!important;vertical-align:middle!important;max-width:200px!important;margin:0!important;font-size:18px!important;display:inline-block!important;overflow:hidden!important}.greeting>div{flex-wrap:nowrap!important;align-items:center!important;min-width:0!important;max-width:100%!important;display:flex!important}.greeting .hello,.greeting p,.current-date{display:none!important}.header-actions{display:contents!important}.header-profile-group{grid-area:1/3;justify-self:end;align-items:center;gap:12px;display:flex}.search-bar{grid-area:2/1/auto/span 3;order:unset!important;width:100%!important;padding:8px 12px!important}.top-header>.action-btn,.top-header>button:not(.mobile-menu-toggle){grid-area:3/1/auto/span 3;justify-content:center!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.top-header>.reports-header-actions{flex-direction:column!important;grid-area:3/1/auto/span 3!important;gap:8px!important;width:100%!important;margin-top:8px!important;display:flex!important}.top-header>.reports-header-actions>*{text-align:center!important;justify-content:center!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.reports-grid{flex-direction:column!important;gap:16px!important;width:100%!important;display:flex!important}.reports-grid>.card{box-sizing:border-box!important;flex:none!important;width:100%!important;min-width:0!important}.reports-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;margin-bottom:20px!important;display:flex!important}.filter-item{justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.filter-select{flex:1!important;width:100%!important;max-width:none!important}.grid-responsive-3col,.grid-responsive-4col{grid-template-columns:1fr}.flex-responsive-between{flex-direction:column;align-items:flex-start;gap:12px}.card{padding:16px}.card-header{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.chart-actions{align-items:flex-start!important;width:100%!important}.legend{flex-wrap:wrap!important;gap:8px 16px!important}.chart-container{height:160px;margin-top:16px}.chart-bars{padding:0 8px}.bar{width:10px!important}.bar-group{gap:2px!important}.chart-x{padding:12px 16px 0;font-size:9px!important}.chart-y-right{display:none}}@media (width<=480px){.bar{width:8px!important}.bar-group{gap:2px!important}.chart-x{padding:12px 8px 0;font-size:8px!important}}@media (width<=767.98px){.venn-diagram{flex-direction:column;gap:12px;height:280px}.circle{mix-blend-mode:normal;margin:0 auto;position:relative!important;inset:auto!important}.circle-purple{width:120px;height:120px}.circle-green,.circle-gray{width:100px;height:100px}.manage-link{margin-top:8px}}