*{box-sizing:border-box}html{background:#fff9f7}body{color:#332c2a;background:#fff9f7;min-width:320px;min-height:100vh;margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none}.page{background:linear-gradient(#fff5f2 0%,#fffaf8 35%,#fff 100%);min-height:100vh;padding-bottom:130px}.hero{justify-content:space-between;align-items:center;gap:30px;max-width:1180px;margin:0 auto;padding:64px 24px 34px;display:flex}.small-title{letter-spacing:4px;color:#d88f88;margin:0 0 10px;font-size:13px;font-weight:700}.hero h1{color:#312825;margin:0;font-size:42px;line-height:1.25}.hero h1 span{font-size:34px}.subtitle{color:#887875;margin:14px 0 0;font-size:16px}.hero-right{align-items:center;gap:18px;display:flex}.admin-entry{color:#87736e;background:#fffc;border-radius:999px;padding:9px 15px;font-size:13px;transition:all .2s}.admin-entry:hover{background:#fff}.avatar{background:#fff;border-radius:34px;justify-content:center;align-items:center;width:108px;height:108px;font-size:42px;display:flex;transform:rotate(3deg);box-shadow:0 12px 40px #7e534c1f}.content{max-width:1180px;margin:0 auto;padding:0 24px}.category-section{margin-bottom:42px}.category-list{gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.category-button{white-space:nowrap;color:#746763;background:#fff;border:none;border-radius:999px;padding:10px 20px;transition:all .2s;box-shadow:0 4px 18px #6849430f}.category-button:hover{transform:translateY(-2px)}.category-button.active{color:#fff;background:#332c2a}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.section-title h2{margin:0;font-size:26px}.section-title p{color:#9a8c88;margin:5px 0 0;font-size:14px}.dish-number{color:#9b8c88;font-size:13px}.dish-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.dish-card{background:#fff;border-radius:24px;transition:all .25s;overflow:hidden;box-shadow:0 10px 35px #64443d14}.dish-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #64443d21}.dish-image{background:linear-gradient(145deg,#fff0eb,#fff9f5);justify-content:center;align-items:center;height:180px;font-size:76px;display:flex;position:relative}.dish-category{color:#866b65;background:#ffffffd1;border-radius:999px;padding:5px 10px;font-size:12px;position:absolute;top:16px;left:16px}.dish-info{padding:21px}.dish-info h3{color:#332c2a;margin:0;font-size:21px}.description{color:#887a76;min-height:44px;margin:9px 0 15px;font-size:14px;line-height:1.6}.dish-meta{color:#746763;flex-wrap:wrap;gap:15px;font-size:13px;display:flex}.dish-history{color:#b19c96;margin-top:10px;font-size:12px}.add-button,.added-button{border:none;border-radius:14px;width:100%;margin-top:18px;padding:12px 16px;transition:all .2s}.add-button{color:#fff;background:#332c2a}.add-button:hover{background:#4a3d39}.added-button{color:#ad625b;background:#fff0ed}.empty-box{text-align:center;color:#a3918c;background:#fff;border-radius:24px;padding:70px 20px}.cart{z-index:100;padding:0 20px;position:fixed;bottom:20px;left:0;right:0}.cart-content{color:#fff;background:#322b29f2;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;max-width:900px;margin:0 auto;padding:14px 16px 14px 22px;display:flex;box-shadow:0 14px 45px #32252240}.cart-title{margin-bottom:5px;font-weight:700}.cart-dishes{color:#d8ceca;font-size:13px}.submit-button{color:#8e4e49;background:#fff1ed;border:none;border-radius:15px;flex-shrink:0;padding:13px 19px;font-weight:700}.submit-button:hover{background:#fff}.admin-page{background:#f7f5f2;min-height:100vh;padding-bottom:80px}.admin-header{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1240px;margin:0 auto;padding:56px 28px 30px;display:flex}.admin-header h1{margin:0;font-size:40px}.admin-header>div>p:last-child{color:#827773;margin:10px 0 0}.admin-header-actions{gap:12px;display:flex}.primary-button,.secondary-button{border-radius:13px;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;font-weight:700;transition:all .2s;display:inline-flex}.primary-button{color:#fff;background:#332c2a;border:1px solid #332c2a}.primary-button:hover{background:#4d403c}.secondary-button{color:#5f5552;background:#fff;border:1px solid #ded7d3}.secondary-button:hover{border-color:#bcb0ab}.admin-main{max-width:1240px;margin:0 auto;padding:0 28px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #ebe5e1;border-radius:20px;flex-direction:column;min-height:142px;padding:22px;display:flex}.stat-card span{color:#8b807c;font-size:13px}.stat-card strong{margin-top:15px;font-size:34px}.stat-card small{color:#afa19c;margin-top:3px}.editor-card{background:#fff;border:1px solid #e8dfda;border-radius:24px;margin-bottom:28px;padding:26px;box-shadow:0 12px 35px #3e2f2a0f}.editor-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.editor-header h2{margin:0;font-size:24px}.editor-header p{color:#978984;margin:7px 0 0;font-size:14px}.close-button{color:#776b67;background:#f5f1ef;border:none;border-radius:50%;width:38px;height:38px;font-size:23px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group>span{color:#5f5551;font-size:13px;font-weight:700}.form-group input,.form-group textarea,.form-group select{color:#362e2b;background:#fffdfc;border:1px solid #ded6d2;border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:all .2s}.form-group textarea{resize:vertical;line-height:1.7}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#8c7770;box-shadow:0 0 0 3px #765d5514}.full-width{grid-column:1/-1}.switch-group{justify-content:flex-start}.checkbox{height:22px;margin-top:4px;width:22px!important}.editor-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.recipe-section{background:#fff;border:1px solid #ebe5e1;border-radius:24px;padding:26px}.admin-section-title{margin-bottom:20px}.admin-section-title h2{margin:0;font-size:24px}.admin-section-title p{color:#968984;margin:6px 0 0;font-size:14px}.recipe-list{flex-direction:column;display:flex}.recipe-item{border-bottom:1px solid #eee9e6;align-items:center;gap:18px;padding:20px 0;display:flex}.recipe-item:last-child{border-bottom:none}.recipe-emoji{background:#fff2ed;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:35px;display:flex}.recipe-main{flex:1;min-width:0}.recipe-title-line{align-items:center;gap:10px;display:flex}.recipe-title-line h3{margin:0;font-size:19px}.status-tag{color:#55735c;background:#edf6ef;border-radius:999px;padding:4px 8px;font-size:11px}.status-tag.offline{color:#8e817d;background:#f1efee}.recipe-main>p{color:#8b7d79;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 9px;font-size:13px;overflow:hidden}.recipe-meta{flex-wrap:wrap;gap:7px;display:flex}.recipe-meta span{color:#766864;background:#f6f3f1;border-radius:7px;padding:4px 8px;font-size:11px}.recipe-preview{color:#9b8c87;margin-top:10px;font-size:12px}.recipe-preview strong{color:#776a66}.recipe-actions{flex-shrink:0;gap:8px;display:flex}.small-action-button{color:#675b57;background:#fff;border:1px solid #e2dad6;border-radius:10px;padding:8px 12px}.small-action-button:hover{background:#f7f4f2}.small-action-button.danger{color:#b55b55}@media (width<=900px){.dish-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-item{align-items:flex-start}.recipe-actions{flex-direction:column}}@media (width<=650px){.hero{align-items:flex-start;padding:38px 18px 25px}.hero h1{font-size:31px}.subtitle{font-size:14px}.hero-right{flex-direction:column-reverse;gap:8px}.avatar{border-radius:22px;width:68px;height:68px;font-size:28px}.admin-entry{display:none}.content{padding:0 16px}.dish-grid{grid-template-columns:1fr;gap:17px}.dish-image{height:160px}.cart{padding:0 10px;bottom:10px}.cart-content{flex-direction:column;align-items:stretch;gap:12px;padding:15px}.submit-button{width:100%}.admin-header{flex-direction:column;align-items:stretch;padding:35px 17px 22px}.admin-header h1{font-size:32px}.admin-header-actions{width:100%}.admin-header-actions a,.admin-header-actions button{flex:1}.admin-main{padding:0 14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:120px;padding:17px}.stat-card strong{font-size:29px}.editor-card,.recipe-section{border-radius:18px;padding:18px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.recipe-item{flex-wrap:wrap;align-items:flex-start;position:relative}.recipe-emoji{width:58px;height:58px;font-size:29px}.recipe-main{width:calc(100% - 80px)}.recipe-actions{flex-direction:row;width:100%}.recipe-actions button{flex:1}.recipe-preview{display:none}}.order-success{background:#fff;border:1px solid #eadfd9;border-radius:18px;flex-direction:column;gap:5px;margin-bottom:28px;padding:18px 22px;display:flex;box-shadow:0 8px 25px #64443d0f}.order-success strong{font-size:16px}.order-success span{color:#91827d;font-size:13px}.order-cart-left{flex:1;min-width:0}.order-note-input{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;max-width:520px;margin-top:10px;padding:9px 12px}.order-note-input::placeholder{color:#bdb0ac}.order-note-input:focus{border-color:#ffffff59}.submit-button:disabled{opacity:.6;cursor:default}@media (width<=650px){.order-note-input{max-width:none}}.orders-section{background:#fff;border:1px solid #ebe5e1;border-radius:24px;margin-bottom:28px;padding:26px}.orders-section .admin-section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.order-list{flex-direction:column;gap:14px;display:flex}.admin-order-card{background:#fffdfc;border:1px solid #e9e2de;border-radius:18px;padding:20px}.admin-order-card.pending{border-color:#e5c8c1;box-shadow:0 8px 25px #95534914}.admin-order-card.cooking{background:#fffaf2}.admin-order-card.completed{opacity:.72;background:#f8f7f6}.admin-order-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.admin-order-number{font-size:16px;font-weight:700}.admin-order-time{color:#a0928d;margin-top:5px;font-size:12px}.order-status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.order-status.pending{color:#a9524b;background:#fff0ed}.order-status.cooking{color:#9b6a2d;background:#fff1d8}.order-status.completed{color:#68766a;background:#edf2ed}.admin-order-dishes{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.admin-order-dish{background:#f7f3f1;border-radius:11px;align-items:center;gap:7px;padding:9px 12px;display:flex}.admin-order-note{color:#5e514d;background:#fff3ef;border-radius:12px;margin-top:15px;padding:12px 14px;font-size:13px}.admin-order-note span{font-weight:700}.admin-order-actions{align-items:center;gap:9px;margin-top:17px;display:flex}.completed-message{color:#718074;font-size:13px}.stat-card.has-new-order{background:#fff7f5;border-color:#e6beb7}.stat-card.has-new-order strong{color:#b85c54}@media (width<=650px){.orders-section{border-radius:18px;padding:18px}.orders-section .admin-section-title,.admin-order-actions{flex-direction:column;align-items:stretch}.admin-order-actions button{width:100%}}