:root{--lemon-yellow: #f8d842;--fresh-green: #77c94a;--deep-green: #1f3d2b;--ice-white: #fffdf3;--tea-gold: #d99a2b;--lemon-flesh: #fff38a;--ice-blue: #dff5f7;--leaf-green: #4ead5b;--cream: #fff8e8;--page: #f6f8ef;--surface: #ffffff;--line: #dde8d8;--muted: #6d7b70;--danger: #e95c4b;--shadow-card: 0 18px 44px rgba(31, 61, 43, .11);--shadow-float: 0 28px 70px rgba(31, 61, 43, .18);--radius: 8px;color:var(--deep-green);background:var(--page);font-family:Alibaba PuHuiTi,Source Han Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}body:before{animation:pageDrift 14s ease-in-out infinite alternate;background:radial-gradient(circle at 16% 16%,rgba(248,216,66,.34),transparent 23%),radial-gradient(circle at 82% 8%,rgba(223,245,247,.8),transparent 22%),linear-gradient(120deg,#fffdf3f2,#f6f8eff0);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:-2}body:after{background-image:linear-gradient(135deg,rgba(119,201,74,.13) 0 1px,transparent 1px),radial-gradient(circle,rgba(31,61,43,.08) 1px,transparent 1.5px);background-size:54px 54px,26px 26px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:fixed;z-index:-1}button{align-items:center;background:linear-gradient(180deg,#ffe96b,var(--lemon-yellow));border:1px solid #ebc737;border-radius:var(--radius);color:var(--deep-green);cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:40px;padding:0 15px;position:relative;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}button:hover{box-shadow:0 12px 24px #1f3d2b26;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:wait;opacity:.65;transform:none}input,select,textarea{background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius);color:var(--deep-green);min-height:42px;outline:0;padding:0 12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;width:100%}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--fresh-green);box-shadow:0 0 0 4px #77c94a29}textarea{min-height:88px;padding:10px 12px;resize:vertical}table{border-collapse:separate;border-spacing:0;min-width:680px;width:100%}th,td{border-bottom:1px solid #edf1ea;padding:13px 12px;text-align:left;vertical-align:top}th{background:#f1f6e9;color:var(--muted);font-size:13px;font-weight:900}tbody tr{transition:background .16s ease,transform .16s ease}tbody tr:hover{background:#f8d8421a}.login-page{display:grid;isolation:isolate;min-height:100vh;overflow:hidden;place-items:center;position:relative}.login-page:before{background:radial-gradient(circle at 28% 24%,rgba(248,216,66,.56),transparent 18%),radial-gradient(circle at 78% 72%,rgba(119,201,74,.28),transparent 20%),linear-gradient(135deg,var(--ice-white),#edf7df 58%,var(--ice-blue));content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-2}.login-page:after{animation:trailMove 9s linear infinite;background:radial-gradient(circle at 10% 34%,rgba(255,255,255,.75) 0 7px,transparent 8px),radial-gradient(circle at 54% 68%,rgba(255,243,138,.9) 0 5px,transparent 6px),linear-gradient(100deg,transparent 18%,rgba(31,61,43,.12) 18% 19%,transparent 19% 100%);background-size:180px 120px,140px 120px,220px 160px;content:"";top:0;right:0;bottom:0;left:0;opacity:.6;position:absolute;z-index:-1}.login-flight{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.login-flight span{animation:flyAcross 9s ease-in-out infinite;border:2px dashed rgba(31,61,43,.22);border-left:0;border-radius:0 999px 999px 0;height:110px;position:absolute;transform:rotate(-12deg);width:220px}.login-flight span:nth-child(1){right:8%;top:14%}.login-flight span:nth-child(2){animation-delay:-3s;left:8%;top:62%;transform:rotate(18deg)}.login-flight span:nth-child(3){animation-delay:-5s;right:24%;top:74%;transform:rotate(-5deg)}.login-panel,.panel,.editor,.stat-card{background:#ffffffe0;border:1px solid rgba(221,232,216,.96);border-radius:var(--radius);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel{animation:riseIn .55s ease both;display:grid;gap:17px;padding:30px;position:relative;width:min(408px,calc(100vw - 32px));z-index:1}.login-panel:before{background:linear-gradient(90deg,var(--lemon-yellow),var(--fresh-green),var(--ice-blue));border-radius:var(--radius) var(--radius) 0 0;content:"";height:5px;left:-1px;position:absolute;right:-1px;top:-1px}.login-panel h1,.login-panel p,.panel h2,.editor h2{margin:0}.login-panel h1{font-size:28px}.login-panel p,.topbar p,.panel-title p{color:var(--muted)}.login-panel label,.editor label{display:grid;gap:7px;font-weight:900}.brand-block{align-items:center;display:flex;gap:12px}.brand-block strong{display:block;font-size:25px;line-height:1}.brand-block small{color:var(--leaf-green);display:block;font-size:11px;font-weight:900;letter-spacing:1px;margin-top:5px}.sidebar .brand-block small{color:#fffdf3b8}.logo-mark{background:radial-gradient(circle at 34% 30%,var(--lemon-flesh) 0 21%,transparent 22%),linear-gradient(145deg,#ffe85f,var(--lemon-yellow));border:3px solid var(--deep-green);border-radius:50%;box-shadow:0 8px #1f3d2b1f;display:grid;flex:0 0 auto;font-size:27px;font-weight:900;height:50px;place-items:center;position:relative;width:50px}.logo-mark:after{background:var(--fresh-green);border:2px solid var(--deep-green);border-radius:999px 0;content:"";height:13px;position:absolute;right:-5px;top:4px;transform:rotate(22deg);width:23px}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;position:relative}.shell-sky{background:radial-gradient(circle at 80% 9%,rgba(248,216,66,.2),transparent 16%),radial-gradient(circle at 58% 88%,rgba(223,245,247,.55),transparent 24%);top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.shell-sky:before,.shell-sky:after{animation:trailMove 16s linear infinite;border:2px dashed rgba(119,201,74,.2);border-left:0;border-radius:0 999px 999px 0;content:"";height:180px;position:absolute;right:8%;top:8%;transform:rotate(-10deg);width:340px}.shell-sky:after{animation-delay:-6s;left:42%;right:auto;top:70%;transform:rotate(18deg)}.sidebar{align-content:space-between;background:linear-gradient(180deg,#1f3d2bf5,#102818fa),radial-gradient(circle at 20% 10%,rgba(248,216,66,.24),transparent 30%);color:var(--ice-white);display:grid;gap:28px;overflow:hidden;padding:24px;position:sticky;top:0;height:100vh;z-index:2}.sidebar:after{background-image:radial-gradient(circle,rgba(255,253,243,.16) 1px,transparent 1.5px);background-size:22px 22px;content:"";top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;position:absolute}.sidebar>*{position:relative;z-index:1}.sidebar nav{display:grid;gap:9px}.sidebar nav button,.ghost-button{background:transparent;border:1px solid transparent;color:#fffdf3c7;justify-content:flex-start}.sidebar nav button.active,.sidebar nav button:hover,.ghost-button:hover{background:#f8d8422e;border-color:#f8d84233;color:var(--ice-white);box-shadow:none}.workspace{min-width:0;padding:28px;position:relative;z-index:1}.topbar,.panel-title{align-items:center;display:flex;gap:16px;justify-content:space-between}.topbar{background:linear-gradient(135deg,#fffdf3e6,#ffffff9e),radial-gradient(circle at 86% 20%,rgba(248,216,66,.24),transparent 22%);border:1px solid rgba(221,232,216,.88);border-radius:var(--radius);box-shadow:0 14px 34px #1f3d2b14;margin-bottom:18px;overflow:hidden;padding:20px;position:relative}.topbar:after{background:linear-gradient(90deg,transparent,rgba(119,201,74,.28),transparent);content:"";height:2px;left:0;position:absolute;right:0;top:0}.topbar h1{font-size:30px;line-height:1.1;margin:0 0 5px}.eyebrow{color:var(--leaf-green);display:block;font-size:13px;font-weight:900;margin-bottom:6px}.secondary-button{background:#ffffffd1;border:1px solid var(--line);color:var(--deep-green)}.danger-button{background:#fff0ed;border:1px solid #f3b7ad;color:#bd3728}.link-button{background:transparent;border:0;color:#277a39;min-height:auto;padding:0}.link-button:hover{box-shadow:none;color:var(--deep-green);text-decoration:underline;transform:none}.compact{min-height:32px;padding:0 10px}.alert{border-radius:var(--radius);margin:12px 0;padding:11px 12px}.alert.error{background:#fff0ed;border:1px solid #f3b7ad;color:#bd3728}.alert.success{background:#eef8df;border:1px solid #bdd9c1;color:#277a39}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(150px,1fr));margin-bottom:16px}.stat-card{animation:riseIn .45s ease both;display:grid;gap:8px;min-height:136px;overflow:hidden;padding:18px;position:relative}.stat-card:after{background:radial-gradient(circle,rgba(248,216,66,.34),transparent 58%);content:"";height:110px;position:absolute;right:-35px;top:-35px;width:110px}.stat-card svg{color:var(--fresh-green);position:relative;z-index:1}.stat-card span{color:var(--muted);font-weight:900;position:relative;z-index:1}.stat-card strong{font-size:29px;line-height:1.1;position:relative;z-index:1}.grid,.content-grid,.order-layout{display:grid;gap:16px}.grid{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr)}.content-grid{grid-template-columns:minmax(280px,.62fr) minmax(520px,1.38fr)}.order-layout{grid-template-columns:minmax(560px,1.15fr) minmax(390px,.85fr)}.panel,.editor{animation:riseIn .38s ease both;overflow-x:auto;padding:18px}.panel h2,.editor h2{color:var(--deep-green);font-size:20px;line-height:1.2}.editor{align-content:start;display:grid;gap:12px}.form-actions,.row-actions,.status-actions,.badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.checkbox{align-items:center;display:flex!important}.checkbox input{width:auto}.notice-list,.mini-list{display:grid;gap:10px;margin-top:14px}.notice-list span,.order-strip{background:linear-gradient(135deg,#fbfff7,#fff),radial-gradient(circle at right top,rgba(248,216,66,.2),transparent 38%);border:1px solid #e6eedb;border-radius:var(--radius);padding:12px}.order-strip{color:var(--deep-green);display:grid;grid-template-columns:1fr auto auto;justify-content:stretch;text-align:left}.badge{background:#eef2ea;border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:900;padding:5px 9px;white-space:nowrap}.badge.ok,.badge.paid,.badge.completed{background:#e8f4e8;color:#277a39}.badge.warn,.badge.pending,.badge.pending_payment,.badge.making{background:#fff8d7;color:#8a5a00}.badge.danger,.badge.cancelled{background:#fff0ed;color:#bd3728}.badge.yellow{background:var(--lemon-yellow);color:var(--deep-green)}.badge.muted{background:#eef2ea;color:var(--muted)}.selected-row{background:#f1f8ef}.empty,.empty-detail{color:var(--muted);padding:28px 12px;text-align:center}.order-detail{display:grid;gap:16px}.subtle{background:#f8fbf3;border:1px solid #e6eedb;border-radius:var(--radius);color:var(--muted);padding:10px 12px}.order-total{color:var(--tea-gold);font-size:21px;font-weight:900;text-align:right}.product-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.product-card{background:linear-gradient(145deg,#fffffffa,#fffdf3e0),radial-gradient(circle at 14% 12%,rgba(248,216,66,.18),transparent 26%);border:1px solid #e6eedb;border-radius:var(--radius);box-shadow:0 10px 24px #1f3d2b14;display:grid;gap:14px;grid-template-columns:92px minmax(0,1fr);overflow:hidden;padding:12px;transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.product-card.sold-out{filter:grayscale(.2);opacity:.66}.product-card h3{font-size:18px;line-height:1.25;margin:8px 0 4px}.product-card p{color:var(--muted);line-height:1.45;margin:0}.drink-thumb{background:radial-gradient(circle at 24% 20%,rgba(255,243,138,.8),transparent 22%),linear-gradient(180deg,var(--ice-white),#eef8df);border-radius:var(--radius);display:grid;min-height:136px;place-items:center;position:relative}.drink-thumb:after{animation:bubbleFloat 2.8s ease-in-out infinite;background:radial-gradient(circle,var(--ice-blue) 0 4px,transparent 5px),radial-gradient(circle,var(--lemon-yellow) 0 5px,transparent 6px);content:"";height:64px;left:18px;position:absolute;top:18px;width:52px}.drink-thumb:before{background:#ffffff75;border:3px solid var(--deep-green);border-radius:12px 12px 21px 21px;content:"";height:86px;width:44px}.drink-thumb span{background:linear-gradient(180deg,#f1b03d,var(--tea-gold));border-radius:0 0 17px 17px;bottom:28px;height:40px;position:absolute;width:36px}.card-footer{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:12px}.card-footer strong{color:var(--tea-gold);font-size:22px}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageDrift{0%{filter:hue-rotate(0deg);transform:scale(1)}to{filter:hue-rotate(5deg);transform:scale(1.02)}}@keyframes trailMove{0%{background-position:0 0,0 0,0 0}to{background-position:180px 60px,-140px 80px,220px 160px}}@keyframes flyAcross{0%,to{opacity:.35;transform:translate(0) rotate(-12deg)}50%{opacity:.8;transform:translate(-18px) rotate(-8deg)}}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.grid,.content-grid,.order-layout{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{align-content:start;height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:14px}.topbar,.panel-title{align-items:flex-start;display:grid}.stats-grid{grid-template-columns:1fr}.product-card{grid-template-columns:78px minmax(0,1fr)}}