:root{--green:#344b3b;--dark:#233c31;--paper:#f6f5f0;--white:#fff;--ink:#263c32;--muted:#69746e;--line:#e4e8e1;--rust:#ad674b;--radius:18px;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--green);color:white;border:1px solid transparent;border-radius:10px;padding:12px 19px;cursor:pointer;font-weight:600;min-height:44px}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:var(--green);border-color:var(--line)}.danger{background:#fff1ee;color:#a03d33;border-color:#f0d4cc}.quiet{background:transparent;color:var(--muted);padding:8px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;background:white;padding:15px;z-index:100}.loading{padding:12vh;text-align:center}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--dark);color:#fff;padding:7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:'✳';position:absolute;right:-70px;bottom:20px;font-size:400px;opacity:.05}.wordmark{font-family:Georgia,serif;font-size:28px;letter-spacing:-.6px}.wordmark small{display:block;font:10px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:7px;opacity:.7}.auth-story h1{font:clamp(40px,5vw,72px)/1.08 Georgia,serif;max-width:550px;font-weight:normal}.auth-story em{color:#d6c8a8}.auth-story p{max-width:400px;line-height:1.8;color:#d3ddd5}.auth-main{padding:6vw;display:grid;place-items:center}.auth-card{width:min(420px,100%)}.auth-card h2{font:38px Georgia,serif;margin:12px 0}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--rust);font-weight:750}.muted{color:var(--muted);line-height:1.6}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:24px 0}.auth-tabs button{flex:1;background:none;color:var(--muted);border-radius:0;border-bottom:2px solid transparent}.auth-tabs .selected{color:var(--green);border-bottom-color:var(--green)}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}input,textarea,select{display:block;width:100%;border:1px solid #d8e0d8;border-radius:9px;background:#fff;padding:12px;color:var(--ink);margin-top:7px;min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid #94aa96}textarea{resize:vertical;min-height:90px}input[type=checkbox]{width:18px;min-height:18px;margin:0}input[type=color]{height:48px;padding:5px}input[type=file]{font-size:12px}.check{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.wide{width:100%}.error{background:#fff0ed;color:#a03d33;padding:12px;border-radius:10px;line-height:1.5}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--dark);color:#e2e9e2;padding:32px 20px;display:flex;flex-direction:column;z-index:40}.sidebar .wordmark{font-size:23px;padding:0 10px 27px}.nav-group{font-size:10px;letter-spacing:1.8px;color:#a3b6aa;text-transform:uppercase;margin:18px 12px 10px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px;font-size:13px;min-height:44px}.nav-item:hover{background:#ffffff0a}.nav-item.active{background:#f1f4e8;color:var(--dark);font-weight:650}.nav-icon{width:22px;text-align:center;font-size:18px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-bottom a{display:block;font-size:12px;color:#bed0c0;padding:8px 12px}.workspace{margin-left:248px;min-height:100vh}.topbar{height:83px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#ffffffa8;border-bottom:1px solid var(--line);gap:14px}.crumb{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.identity{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e5ebdf;display:grid;place-items:center;color:var(--green);font-weight:bold}.identity small{display:block;color:var(--muted);margin-top:3px}.notification{position:relative;background:white;color:var(--green);border-color:var(--line);padding:10px 13px;font-size:18px}.badge{background:#b96949;color:white;border-radius:20px;padding:2px 6px;min-width:19px;font-size:10px;line-height:1.6}.notification .badge{position:absolute;right:-6px;top:-5px}.menu-button{display:none;background:none;color:var(--green);padding:6px}.content{max-width:1400px;margin:auto;padding:36px 40px 60px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.page-heading h1{font-family:Georgia,serif;font-size:36px;letter-spacing:-.7px;font-weight:normal;margin:7px 0 10px}.page-heading p{margin:0;color:var(--muted);line-height:1.6;font-size:13px}.hero-card{background:#e7eddf;display:grid;grid-template-columns:1.3fr .7fr;border:1px solid #dce4d2;border-radius:var(--radius);padding:32px;margin-bottom:25px;overflow:hidden;position:relative}.hero-card h2{font:32px/1.15 Georgia,serif;max-width:440px;margin:12px 0}.hero-card p{max-width:440px;color:#5b705d;line-height:1.7;font-size:13px}.hero-art{font:150px Georgia,serif;display:grid;place-items:center;color:#7d927a;opacity:.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat,.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font:34px Georgia,serif;margin:14px 0 5px}.stat small{font-size:11px;color:var(--muted)}.card h2{font:24px Georgia,serif;margin:0 0 12px}.card h3{font-size:15px;margin:0 0 9px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stack{display:grid;gap:20px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty{text-align:center;padding:40px 20px;color:var(--muted);line-height:1.7}.empty .empty-icon{display:block;font-size:36px;color:#9baa96;margin-bottom:12px}.status{display:inline-flex;padding:5px 10px;border-radius:20px;font-size:10px;background:#edf2e7;color:#3f6545;font-weight:600}.status.pending{background:#fff4e1;color:#916a29}.list-row{padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.list-row p{margin:5px 0;color:var(--muted);font-size:12px}.list-row strong{font-size:13px}.product{padding:0;overflow:hidden}.product img{width:100%;height:190px;object-fit:cover;background:#eef0e7}.product-body{padding:22px}.product-body h3{font:23px Georgia,serif}.product-body p{font-size:12px;line-height:1.7;color:var(--muted);min-height:40px}.product-body .price{display:block;font-size:15px;color:var(--green);font-weight:650;margin:14px 0}.product .button{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}.notice{background:#eff2e8;border:1px solid #e0e6d6;color:#53644f;padding:15px 18px;border-radius:12px;font-size:12px;line-height:1.7;margin-bottom:20px}.notice.warning{background:#fff5e5;color:#8a652c;border-color:#f0e0c5}.cart-item{display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.cart-item img{width:82px;height:90px;object-fit:cover;border-radius:10px}.cart-item p{font-size:12px;margin:7px 0;color:var(--muted)}.cart-item h3{font-size:15px}.checkout-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.chat-layout{display:grid;grid-template-columns:270px 1fr;min-height:560px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.threads{border-right:1px solid var(--line);max-height:650px;overflow:auto;padding:15px}.thread{width:100%;display:block;text-align:left;background:white;color:var(--ink);padding:16px;border-bottom:1px solid var(--line);border-radius:10px;font-size:13px}.thread.selected{background:#edf2e7}.thread small{display:block;color:var(--muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.chat-room{display:flex;flex-direction:column;min-width:0}.chat-head{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.chat-head strong{font-size:14px}.chat-head small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.messages{height:400px;overflow:auto;padding:24px;background:#fafbf7;display:flex;flex-direction:column;gap:14px}.bubble{max-width:80%;background:white;border:1px solid var(--line);padding:12px 16px;border-radius:15px 15px 15px 4px;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.bubble.mine{align-self:flex-end;background:var(--green);color:white;border-color:var(--green);border-radius:15px 15px 4px 15px}.bubble small{display:block;opacity:.6;font-size:9px;margin-top:6px}.chat-compose{padding:16px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:end}.chat-compose textarea{margin:0;min-height:48px;height:48px;max-height:120px}.chat-compose button{height:48px}.chat-customer{grid-template-columns:1fr}.chat-customer .messages{height:440px}.editor-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.editor-block{background:#fafbf8;border:1px solid var(--line);padding:18px;border-radius:12px;margin:12px 0}.editor-block header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.tabs a{padding:9px 15px;border:1px solid var(--line);border-radius:9px;font-size:12px;background:white}.tabs .active{background:var(--green);color:white}.account-photo{width:100px;height:100px;object-fit:cover;border-radius:50%;background:#e5ecdf;display:grid;place-items:center;font-size:35px;margin-bottom:20px}.alert-dot{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #b9694920}}.check-list{display:grid;gap:12px}.check-list label{margin:0}#toast{position:fixed;bottom:24px;right:24px;background:var(--dark);color:white;padding:15px 22px;border-radius:12px;box-shadow:0 12px 50px #0002;max-width:420px;font-size:13px;z-index:100;display:none}#toast.visible{display:block}dialog{border:none;border-radius:18px;padding:28px;max-width:450px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#17271b66}.mobile-close{display:none}.savebar{position:sticky;bottom:12px;background:#fffef8f2;padding:16px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;box-shadow:0 8px 30px #243c310a}.savebar small{color:var(--muted)}.preview-image{max-width:200px;max-height:130px;object-fit:contain;border-radius:10px;margin-bottom:12px}.section-label{font-size:11px;letter-spacing:1px;color:var(--muted);margin:20px 0}.footer-note{color:#8b958c;font-size:10px;text-align:center;margin-top:35px}.text-editor label small{display:block;color:var(--muted);font-weight:400;margin-bottom:3px}.text-editor input,.text-editor textarea{font-size:13px}.order-detail{border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:20px}.order-detail summary{cursor:pointer;font-size:14px;font-weight:600}.order-detail .form-grid{margin-top:20px}.photo-link{color:var(--rust);text-decoration:underline;font-size:12px}.welcome-line{font-size:12px;letter-spacing:1px;color:var(--muted)}@media(max-width:1100px){.sidebar{width:220px}.workspace{margin-left:220px}.content{padding:30px 24px}.topbar{padding:0 24px}.grid3{grid-template-columns:1fr 1fr}.chat-layout{grid-template-columns:220px 1fr}.chat-customer{grid-template-columns:1fr}.identity span{display:none}}@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-story{padding:30px;min-height:200px}.auth-story h1{font-size:35px;margin:25px 0 5px}.auth-story p{display:none}.auth-main{padding:30px 24px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:20px 0 80px #0002}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-button,.mobile-close{display:inline-flex}.mobile-close{position:absolute;top:10px;right:8px;background:none;padding:4px}.topbar{height:70px;padding:0 18px}.content{padding:24px 18px 50px}.page-heading h1{font-size:29px}.page-heading{align-items:start}.page-heading>.button{font-size:11px;padding:10px}.hero-card{padding:24px;grid-template-columns:1fr}.hero-card h2{font-size:29px}.hero-art{display:none}.stats{gap:8px}.stat{padding:15px 12px}.stat strong{font-size:26px}.stat small{font-size:9px}.stat span{font-size:10px}.grid2,.grid3,.checkout-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.threads{max-height:180px;border-right:0;border-bottom:1px solid var(--line)}.messages{height:340px;padding:16px}.bubble{max-width:90%}.chat-customer .messages{height:360px}.cart-item{grid-template-columns:60px 1fr;gap:12px}.cart-item img{width:60px;height:70px}.cart-item>.quiet{grid-column:2}.card{padding:20px}.auth-card h2{font-size:31px}.savebar{flex-wrap:wrap}#toast{left:18px;right:18px;bottom:18px}.top-actions{gap:8px}.crumb{font-size:10px}.hero-card .actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
