@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg: #FAF7F5;--bg2: #FFFFFF;--card: #FFFFFF;--text: #1C1008;--text2: #7A6555;--text3: #B5A090;--accent: #D4714A;--accent-lt: rgba(212,113,74,.12);--accent-light: rgba(212,113,74,.08);--accent2: #C4574A;--rose: #F0B8B3;--mint: #A8D8C8;--lavender: #C2B0E0;--gold: #D4A050;--cream: #FFF4EE;--border: rgba(0,0,0,.07);--border-md: rgba(0,0,0,.1);--shadow-xs: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(28,16,8,.06), 0 1px 4px rgba(28,16,8,.04);--shadow-lg: 0 12px 40px rgba(28,16,8,.1), 0 4px 12px rgba(28,16,8,.06);--shadow-accent: 0 6px 20px rgba(212,113,74,.32);--radius-xs: 8px;--radius-sm: 12px;--radius: 18px;--radius-xl: 26px;--radius-pill: 999px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Plus Jakarta Sans", system-ui, sans-serif;--font-serif: -apple-system, BlinkMacSystemFont, "SF Pro Display", serif;--nav-w: 264px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.25, 1, .5, 1);--transition: all .28s var(--ease)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #000000;--bg2: #0A0A0A;--card: #111111;--text: #FFFFFF;--text2: #A0A0A0;--text3: #666666;--border: rgba(255,255,255,.12);--border-md: rgba(255,255,255,.18);--cream: rgba(212,113,74,.1);--shadow: 0 4px 20px rgba(0,0,0,.8);--shadow-lg: 0 12px 48px rgba(0,0,0,.9);--shadow-xs: 0 1px 3px rgba(0,0,0,.4)}}[data-theme=dark]{--bg: #000000;--bg2: #0A0A0A;--card: #111111;--text: #FFFFFF;--text2: #A0A0A0;--text3: #666666;--border: rgba(255,255,255,.12);--border-md: rgba(255,255,255,.18);--cream: rgba(212,113,74,.1);--shadow: 0 4px 20px rgba(0,0,0,.8);--shadow-lg: 0 12px 48px rgba(0,0,0,.9);--shadow-xs: 0 1px 3px rgba(0,0,0,.4)}.pulse{animation:pulse-animation 1.5s infinite ease-in-out}@keyframes pulse-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}to{transform:scale(1);opacity:1}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:15px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text);letter-spacing:-.025em;line-height:1.25}a{text-decoration:none;color:inherit}button{font-family:var(--font);cursor:pointer;border:none;background:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none}input,select,textarea{font-family:var(--font);outline:none;border:none;border-radius:10px;padding:12px 14px;font-size:16px;background:#f2f2f7;color:var(--text);transition:background .2s var(--ease);letter-spacing:-.01em;width:100%;-webkit-appearance:none}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1c1c1e}input:focus,select:focus,textarea:focus{background:#e5e5ea}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#2c2c2e}input::placeholder,textarea::placeholder{color:var(--text3)}.app{display:flex;min-height:100vh}.sidebar{width:var(--nav-w);background:var(--bg2);background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-right:1px solid var(--border);padding:20px 12px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100;transition:transform .36s var(--ease),box-shadow .36s var(--ease);display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:10px 12px 16px;margin-bottom:8px;border-bottom:1px solid var(--border)}.sidebar-brand span{font-size:1.8rem;line-height:1}.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;flex-shrink:0}.sidebar-brand h1{font-size:1.15rem;font-weight:700;line-height:1.2;letter-spacing:-.03em}.sidebar-brand small{display:block;font-size:10px;color:var(--text3);font-family:var(--font);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.nav-section{margin:16px 0 4px}.nav-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text3);padding:0 14px;margin-bottom:4px;font-family:var(--font)}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text2);font-weight:500;font-size:14px;transition:var(--transition);margin-bottom:2px;position:relative;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--cream);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-accent)}.nav-item.active:hover{background:var(--accent)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-badge{background:#fff;color:var(--accent2);font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-pill);margin-left:auto;min-width:20px;text-align:center}.nav-item:not(.active) .nav-badge{background:var(--accent2);color:#fff}.main{margin-left:var(--nav-w);flex:1;padding:32px;max-width:calc(var(--nav-w) + 820px)}.page-header{margin-bottom:28px}.page-header h1{font-size:2rem;margin-bottom:4px}.page-header p{color:var(--text2);font-size:14px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0px);background:#faf7f5b3;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border-bottom:.5px solid rgba(0,0,0,.15);z-index:99;-webkit-user-select:none;user-select:none}.mobile-header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px}.hamburger{width:38px;height:38px;border-radius:var(--radius-xs);background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--text);transition:var(--transition)}.hamburger:active{transform:scale(.93);background:var(--border-md)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:99;animation:fadeIn .22s var(--ease)}.overlay.show{display:block}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#faf7f5b3;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border-top:.5px solid rgba(0,0,0,.15);z-index:98;padding-bottom:env(safe-area-inset-bottom,20px);-webkit-user-select:none;user-select:none}[data-theme=dark] .bottom-nav,[data-theme=dark] .mobile-header{background:#18100cd9;border-color:#ffffff26}.bottom-nav-inner{display:grid;grid-template-columns:repeat(5,1fr);height:49px;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8e8e93;font-size:10px;font-weight:600;text-decoration:none;transition:var(--transition);padding-top:6px;letter-spacing:.01em}.bottom-nav-item svg{width:26px;height:26px}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{transform:translateY(-1px)}.bottom-nav-item:active{transform:scale(.9)}.card{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stat-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border);position:relative;overflow:hidden;transition:box-shadow .28s var(--ease),transform .28s var(--ease)}.stat-card:before{content:"";position:absolute;top:-20px;right:-20px;width:90px;height:90px;border-radius:50%;opacity:.07}.stat-card.pink:before{background:var(--accent2)}.stat-card.orange:before{background:var(--accent)}.stat-card.green:before{background:var(--mint)}.stat-card.purple:before{background:var(--lavender)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-icon.pink{background:#d4714a1f;color:var(--accent2)}.stat-icon.orange{background:#d4714a1a;color:var(--accent)}.stat-icon.green{background:#a8d8c840;color:#4a9a80}.stat-icon.purple{background:#c2b0e040;color:#8060b8}.stat-label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font-family:var(--font)}.stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-serif);letter-spacing:-.03em;line-height:1}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.table-header h3{font-size:1.05rem}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);border-bottom:1px solid var(--border);font-family:var(--font)}td{padding:13px 14px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle;letter-spacing:-.01em}tr:last-child td{border-bottom:none}tr:hover td{background:#d4714a0a;transition:background .15s}tr:active td{background:#0000001a!important}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.01em}.badge.inquiry{background:#c2b0e02e;color:#7050a8}.badge.new{background:#d4714a1f;color:#c04030}.badge.confirmed{background:#d4a05026;color:#a06820}.badge.baking{background:#f0b8b333;color:#b04040}.badge.ready{background:#a8d8c840;color:#2e7a5a}.badge.delivered{background:#0000000f;color:var(--text2)}.badge.paid{background:#a8d8c840;color:#2e7a5a}.badge.pending{background:#d4714a1f;color:#c04030}.badge.partial{background:#c2b0e02e;color:#7050a8}.badge.cancelled{background:#0000000f;color:var(--text3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:var(--transition);letter-spacing:-.01em;cursor:pointer}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent2);box-shadow:0 8px 24px #d4714a66}.btn-outline{background:transparent;color:var(--text2);border:1.5px solid var(--border-md)}.btn-outline:hover{background:var(--cream);border-color:var(--accent);color:var(--accent)}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-xs);background:var(--cream);color:var(--text2);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon:hover{background:var(--accent);color:#fff}.btn-icon:active{transform:scale(.92)}.btn-danger{background:#c4574a1a;color:var(--accent2);border:1px solid rgba(196,87,74,.2)}.btn-danger:hover{background:var(--accent2);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.product-card{border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.product-img{height:160px;background:linear-gradient(135deg,var(--cream),var(--rose));display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative}.product-bestseller{position:absolute;top:10px;left:10px;background:var(--gold);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em}.product-body{padding:14px 16px}.product-body h4{font-size:.95rem;margin-bottom:3px}.product-body p{font-size:13px;color:var(--text3);margin-bottom:10px;line-height:1.4}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:1.1rem;font-weight:700;color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{margin-bottom:16px}.form-group.full{grid-column:1 / -1}.form-label{display:block;font-size:11px;font-weight:700;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font)}.status-tracker{display:flex;justify-content:space-between;position:relative;padding:0 8px;margin:24px 0}.status-tracker:before{content:"";position:absolute;top:16px;left:40px;right:40px;height:2px;background:var(--border);border-radius:1px}.status-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.status-dot{width:32px;height:32px;border-radius:50%;background:var(--bg);border:2.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--transition)}.status-dot.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #d4714a61}.status-dot.done{background:var(--mint);border-color:#4a9a80;color:#fff}.status-step span{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s var(--ease)}.modal{background:var(--bg2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 24px 80px #00000029,0 8px 24px #00000014;animation:slideUp .32s var(--spring)}.modal h2{margin-bottom:22px;font-size:1.3rem}.fab{position:fixed;bottom:28px;right:28px;width:54px;height:54px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);z-index:50;transition:var(--transition)}.fab:hover{transform:scale(1.08);box-shadow:0 10px 30px #d4714a80}.fab:active{transform:scale(.95)}.fab svg{width:22px;height:22px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .35s var(--ease)}.slide-in{animation:slideIn .35s var(--ease)}.scale-in{animation:scaleIn .3s var(--spring)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{padding:16px;border-radius:var(--radius);background:var(--cream);text-align:center;transition:var(--transition);cursor:pointer;border:1.5px solid transparent}.quick-action:hover{border-color:var(--accent);background:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.quick-action:active{transform:scale(.96)}.quick-action-icon{font-size:1.5rem;margin-bottom:7px}.quick-action span{font-size:13px;font-weight:600;color:var(--text2)}.chart-container{position:relative;height:220px}.desktop-only{display:block!important}.mobile-only{display:none!important}@media(max-width:960px){.sidebar{transform:translate(-110%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.mobile-header,.bottom-nav{display:block}.main{margin-left:0;padding:72px 16px 88px;max-width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.content-grid,.form-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.product-img{height:130px;font-size:3rem}.fab{display:flex;bottom:86px;right:14px;width:50px;height:50px}.fab svg{width:20px;height:20px}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media(max-width:480px){html{font-size:14px}.page-header h1{font-size:1.7rem}.modal{padding:22px 18px;border-radius:var(--radius);max-height:95vh}.stats-grid{gap:10px}.stat-value{font-size:1.5rem}}@media(max-width:960px){html,body{overflow-x:hidden!important;max-width:100vw}.main>*{max-width:100%;overflow-x:hidden}.card,.table-card,.stat-card{width:100%;box-sizing:border-box}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.page-header{flex-direction:column;align-items:flex-start!important}input,select,textarea{max-width:100%;box-sizing:border-box}.bottom-nav-inner{grid-template-columns:repeat(5,1fr)}.content-grid{grid-template-columns:1fr!important}}