@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary:#8d5b34;--primary-hover:#734827;--primary-dark:#472c16;--primary-light:#f8f4f0;--accent:#d9975d;--accent-light:#fdfaf7;--accent-hover:#c48045;--bg-app:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--border-color:#e2e8f0;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-white:#fff;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 6px -1px #0f172a08;--shadow-lg:0 12px 24px -4px #0f172a14, 0 4px 12px -2px #0f172a0a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html{overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;min-height:100vh;overflow-x:hidden}#root{max-width:100vw;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-layout{background-color:var(--bg-app);width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.admin-sidebar{background-color:var(--bg-sidebar);width:260px;color:var(--text-body);z-index:100;border-right:1px solid var(--border-color);height:100vh;box-shadow:var(--shadow-sm);transition:width var(--transition-normal);flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.admin-sidebar.collapsed{width:78px;padding:24px 12px}.sidebar-brand-wrapper{margin-bottom:32px;padding-left:8px}.sidebar-brand{align-items:center;gap:12px;display:flex}.logo-symbol{font-size:28px;animation:2s ease-in-out infinite egg-bounce;display:inline-block}.logo-text{letter-spacing:-.5px;color:var(--text-white);font-size:20px;font-weight:800;line-height:1.1}.logo-highlight{color:var(--accent)}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding-right:2px;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:0}.menu-item{border-radius:var(--radius-sm);color:var(--text-body);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:14px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.menu-item:hover{color:#065f46;background-color:#d2f4eb59}.menu-item.active{color:#065f46;background-color:#d2f4ebbf;font-weight:600;box-shadow:0 4px 10px #065f460d}.menu-item.active .menu-icon{color:#059669}.menu-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-label{white-space:nowrap;opacity:1;transition:opacity var(--transition-fast)}.admin-sidebar.collapsed .menu-label{opacity:0;display:none}.admin-sidebar.collapsed .menu-item{justify-content:center;padding:12px}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:16px}.menu-item-logout:hover{background-color:#ef44441a}.text-rose-400{color:#ef4444!important}.sidebar-collapse-toggle-btn{background-color:var(--primary);border:2px solid var(--bg-app);width:24px;height:24px;color:var(--text-white);cursor:pointer;box-shadow:var(--shadow-sm);z-index:101;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:32px;right:-12px}.sidebar-collapse-toggle-btn:hover{background-color:var(--primary-hover);transform:scale(1.1)}.admin-main{min-width:0;max-width:100%;min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;margin-left:260px;display:flex;overflow-x:hidden}.admin-main.expanded-width{margin-left:78px}.admin-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:90;height:80px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.panel-title{color:var(--text-main);letter-spacing:-.5px;font-size:22px;font-weight:700}.current-date{color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:500;display:block}.header-right{align-items:center;gap:20px;display:flex}.admin-search-bar{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:240px;transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 14px;display:flex}.admin-search-bar:focus-within{border-color:var(--primary);background-color:var(--bg-card);width:280px;box-shadow:0 0 0 3px #10b98126}.search-icon{color:var(--text-muted)}.admin-search-bar input{color:var(--text-main);background:0 0;border:none;width:100%;font-size:14px}.weather-widget{background-color:var(--primary-light);border-radius:var(--radius-sm);cursor:default;border:1px solid #10b9811a;align-items:center;gap:10px;padding:6px 12px;display:flex}.weather-icon-wrapper{justify-content:center;align-items:center;display:flex}.weather-temp{color:var(--primary-dark);font-size:14px;font-weight:700;line-height:1.1;display:block}.weather-location{color:var(--primary-hover);text-transform:uppercase;font-size:10px;font-weight:600}.admin-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:40px;height:40px;color:var(--text-body);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.admin-icon-btn:hover{background-color:var(--bg-app);color:var(--primary);border-color:var(--primary)}.notification-badge{background-color:var(--accent);color:var(--text-white);border:2px solid var(--bg-card);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:120;animation:.2s cubic-bezier(.16,1,.3,1) dropdown-fade;position:absolute;top:48px;right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dropdown-header h4{color:var(--text-main);font-size:14px;font-weight:700}.dropdown-header .badge{background-color:var(--primary-light);color:var(--primary-hover);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.dropdown-list{max-height:240px;overflow-y:auto}.dropdown-item{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast);gap:12px;padding:12px 18px;display:flex}.dropdown-item:hover{background-color:var(--bg-app)}.dropdown-item.alert-unread{background-color:#10b98108}.item-dot{background-color:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.item-info{flex:1}.item-title{color:var(--text-main);margin-bottom:2px;font-size:13px}.item-desc{color:var(--text-muted);font-size:11px;line-height:1.4}.no-notifications{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.admin-profile{border-left:1px solid var(--border-color);align-items:center;gap:12px;padding-left:16px;display:flex}.profile-photo{width:42px;height:42px;box-shadow:var(--shadow-sm);border:2px solid var(--primary-light);color:var(--text-main);background-color:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.profile-name{color:var(--text-main);font-size:14px;font-weight:700;display:block}.profile-role{color:var(--primary-hover);text-transform:uppercase;font-size:11px;font-weight:600;display:block}.admin-content-box{flex:1;min-width:0;max-width:100%;padding:32px;overflow:hidden auto}.login-root-container{background:radial-gradient(circle at 10% 20%,#10b98114 0%,#f8fafc 90%);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-decoration{filter:blur(40px);background:radial-gradient(circle,#10b98126 0%,#fff0 70%);border-radius:50%;position:absolute}.login-bg-decoration.circle-1{width:400px;height:400px;top:-100px;right:-100px}.login-bg-decoration.circle-2{width:500px;height:500px;bottom:-150px;left:-150px}.login-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:440px;box-shadow:var(--shadow-lg);z-index:10;background:#ffffffd9;border:1px solid #ffffff80;flex-direction:column;padding:48px;animation:.6s cubic-bezier(.34,1.56,.64,1) card-appear;display:flex;position:relative}.login-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-logo .logo-symbol{font-size:36px}.login-logo .logo-text{color:var(--bg-sidebar);font-size:26px}.login-header{text-align:center;margin-bottom:32px}.login-header h3{color:var(--text-main);letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:800}.login-header p{color:var(--text-muted);font-size:14px;line-height:1.5}.admin-portal-badge{background-color:var(--primary-light);color:var(--primary-hover);text-transform:uppercase;border:1px solid #10b98126;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:600}.input-icon-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);background-color:#fff;align-items:center;gap:10px;padding:12px 14px;display:flex}.input-icon-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811f}.input-icon-wrapper input{color:var(--text-main);border:none;width:100%;font-size:14px}.input-icon{color:var(--text-muted)}.input-icon-wrapper input::placeholder{color:#a1a1aa}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-white);box-shadow:0 4px 12px #10b98133}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:var(--text-body);border:1px solid var(--border-color);background-color:#fff}.btn-secondary:hover{background-color:var(--bg-app);color:var(--text-main)}.btn-danger{color:var(--text-white);background-color:#ef4444;box-shadow:0 4px 12px #ef444426}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-settings-save{align-self:flex-start;margin-top:8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.stat-card:after{content:"";width:100%;height:4px;transition:background-color var(--transition-fast);background-color:#0000;position:absolute;bottom:0;left:0}.stat-card:hover:after{background-color:var(--primary)}.stat-icon-wrapper{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon-wrapper.emerald{color:#10b981;background-color:#ecfdf5}.stat-icon-wrapper.blue{color:#3b82f6;background-color:#eff6ff}.stat-icon-wrapper.amber{color:#f59e0b;background-color:#fffbeb}.stat-icon-wrapper.indigo{color:#6366f1;background-color:#eef2ff}.stat-icon-wrapper.rose{color:#f87171;background-color:#fff5f5}.stat-data{flex-direction:column;display:flex}.stat-num{color:var(--text-main);font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:500}.dashboard-sections-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;margin-bottom:24px;padding:24px;overflow:hidden}.dashboard-card>.admin-table-container{border-radius:0 0 var(--radius-md) var(--radius-md);-webkit-overflow-scrolling:touch;border-bottom:none;border-left:none;border-right:none;margin:0 -24px -24px;overflow-x:auto}.dashboard-card.span-2{grid-column:span 2}@media (width<=1024px){.dashboard-sections-grid{grid-template-columns:1fr}.dashboard-card.span-2{grid-column:span 1}.responsive-charts-grid{grid-template-columns:1fr!important}}.card-box-title{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.admin-table-container{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.admin-table th{background-color:var(--bg-app);color:var(--text-main);border-bottom:1px solid var(--border-color);padding:14px 18px;font-weight:700}.admin-table td{color:var(--text-body);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 18px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#f8fafc99}.actions-cell{align-items:center;gap:8px;display:flex}.action-icon-btn{border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{transform:translateY(-1px)}.action-icon-btn.blue{color:#3b82f6}.action-icon-btn.blue:hover{background-color:#eff6ff;border-color:#3b82f6}.action-icon-btn.red{color:#ef4444}.action-icon-btn.red:hover{background-color:#fef2f2;border-color:#ef4444}.status-tag{text-transform:uppercase;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-tag.pending{color:#d97706;background-color:#fffbeb}.status-tag.confirmed{color:#2563eb;background-color:#eff6ff}.status-tag.packed{color:#7c3aed;background-color:#f5f3ff}.status-tag.delivered{color:#059669;background-color:#ecfdf5}.status-tag.cancelled{color:#dc2626;background-color:#fef2f2}.status-tag.active{color:#059669;background-color:#ecfdf5}.status-tag.on-leave{color:#d97706;background-color:#fffbeb}.status-tag.terminated{color:#dc2626;background-color:#fef2f2}.quick-actions-list{flex-direction:column;gap:12px;display:flex}.quick-action-btn{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-body);transition:all var(--transition-fast);text-align:left;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.quick-action-btn:hover{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary-dark);transform:translate(4px)}.activity-feed-list{flex-direction:column;gap:20px;display:flex}.activity-item{gap:16px;display:flex;position:relative}.activity-item:before{content:"";background-color:var(--border-color);width:2px;height:calc(100% - 20px);position:absolute;top:40px;left:20px}.activity-item:last-child:before{display:none}.activity-marker{background-color:var(--bg-app);border:1.5px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-marker.success{background-color:var(--primary-light);color:var(--primary);border-color:#10b98133}.activity-marker.warning{background-color:var(--accent-light);color:var(--accent);border-color:#f59e0b33}.activity-marker.info{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f633}.activity-content{flex:1}.activity-desc{color:var(--text-body);font-size:14px;line-height:1.4}.activity-desc strong{color:var(--text-main)}.activity-time{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:500;display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.admin-modal-card{background-color:var(--bg-card);border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:transform var(--transition-normal);padding:32px;overflow:hidden;transform:scale(.95)}.modal-overlay.active .admin-modal-card{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-header h3{color:var(--text-main);font-size:18px;font-weight:700}.close-modal-btn{cursor:pointer;color:var(--text-muted);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-modal-btn:hover{background-color:var(--bg-app);color:var(--text-main)}.modal-footer-btns{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.order-details-grid{flex-direction:column;gap:12px;display:flex}.details-row{border-bottom:1px dashed var(--border-color);justify-content:space-between;padding-bottom:8px;font-size:14px;display:flex}.details-row:last-child{border-bottom:none}.details-label{color:var(--text-muted);font-weight:500}.details-value{color:var(--text-main);font-weight:600}.toasts-container{z-index:2000;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast-notification{background-color:var(--bg-card);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-left-width:4px;justify-content:space-between;align-items:center;min-width:320px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex}.toast-content{align-items:center;gap:12px;display:flex}.toast-message{color:var(--text-main);font-size:14px;font-weight:500}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:flex}.toast-close-btn:hover{color:var(--text-main)}.toast-success{border-left-color:var(--primary)}.toast-error{border-left-color:#f43f5e}.toast-warning{border-left-color:var(--accent)}.toast-info{border-left-color:#3b82f6}.view-header-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-title-desc{flex-direction:column;display:flex}.view-title-desc h3{color:var(--text-main);font-size:20px;font-weight:700}.view-title-desc p{color:var(--text-muted);margin-top:2px;font-size:13px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.gallery-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.gallery-card-img-placeholder{background-color:var(--primary-light);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;height:140px;font-size:40px;display:flex}.gallery-card-body{justify-content:space-between;align-items:center;padding:16px;display:flex}.gallery-card-title{color:var(--text-main);font-size:14px;font-weight:700}.gallery-delete-btn{cursor:pointer;color:#f43f5e;border-radius:var(--radius-sm);width:28px;height:28px;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.gallery-delete-btn:hover{background-color:#fff5f5}.form-grid-2{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.settings-ledger-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.settings-ledger-grid{grid-template-columns:1fr}}@keyframes egg-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes animate-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards animate-fade-in}.mobile-menu-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:40px;height:40px;color:var(--text-body);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:none}.mobile-menu-toggle:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.header-title-group{flex-direction:column;display:flex}.sidebar-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background-color:#0f172a8c;animation:.2s ease-out forwards animate-fade-in;display:none;position:fixed;inset:0}.sidebar-mobile-close-btn{border:1px solid var(--border-color);background-color:var(--bg-app);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:110;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:16px;right:16px}.sidebar-mobile-close-btn:hover{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{z-index:100;height:100vh;transition:transform var(--transition-normal);box-shadow:var(--shadow-lg);padding:24px 16px;position:fixed;top:0;left:0;transform:translate(-100%);width:280px!important}.admin-sidebar.mobile-open{animation:.28s cubic-bezier(.4,0,.2,1) sidebar-slide-in;transform:translate(0)}.sidebar-collapse-toggle-btn{display:none}.sidebar-mobile-close-btn{display:flex}.sidebar-mobile-overlay{display:block}.admin-main{width:100%;margin-left:0!important}.admin-header{height:64px;padding:0 16px}.mobile-menu-toggle{display:flex}.header-left{align-items:center;display:flex}.panel-title{font-size:18px}.current-date{font-size:11px;display:none}.profile-details{display:none}.admin-profile{border-left:1px solid var(--border-color);padding-left:12px}.admin-content-box{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{gap:12px;padding:16px}.stat-num{font-size:20px}.stat-label{font-size:12px}.stat-icon-wrapper{width:40px;height:40px}.dashboard-sections-grid{grid-template-columns:1fr;gap:16px}.dashboard-card.span-2{grid-column:span 1}.dashboard-card{margin-bottom:0;padding:16px}.dashboard-card>.admin-table-container{margin:0 -16px -16px}.view-header-bar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.view-header-bar>div:last-child{flex-wrap:wrap;width:100%;gap:8px!important;display:flex!important}.view-header-bar .admin-search-bar{min-width:0;flex:auto!important;width:auto!important}.view-header-bar .btn{flex:auto;justify-content:center;min-width:0}.flex.gap-2.border-b,[style*="display: flex"][style*="gap: 8px"][style*=borderBottom]{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.flex.gap-2.border-b .btn,[style*="display: flex"][style*="gap: 8px"][style*=borderBottom] .btn{white-space:nowrap;flex-shrink:0}.space-y-6{min-width:0;max-width:100%;overflow-x:hidden}.admin-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto!important}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table th,.admin-table td{white-space:nowrap;padding:10px 12px;font-size:13px}.admin-modal-card{width:calc(100vw - 32px);margin:0 16px;padding:20px;max-width:calc(100vw - 32px)!important}.login-card{width:calc(100vw - 32px);padding:28px 24px}.toasts-container{top:12px;left:12px;right:12px}.toast-notification{min-width:unset;width:100%}.settings-ledger-grid,.form-grid-2{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}.admin-header{height:58px;padding:0 12px}.panel-title{font-size:16px}.admin-content-box{padding:12px}.gallery-grid{grid-template-columns:1fr 1fr}.admin-sidebar{width:260px!important}.login-card{border-radius:var(--radius-md);padding:24px 16px}}