:root{--ink:#173b30;--muted:#6d7972;--line:#e1e6df;--paper:#f6f7f2;--accent:#dceca7;--white:#fff;--red:#aa4740;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#243a31;background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#809f4d}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:8px;padding:11px 17px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button.light{background:#fff;color:var(--ink);border:1px solid var(--line)}button.ghost{background:transparent;color:var(--ink)}button.small{font-size:12px;padding:7px 10px}a{color:inherit;text-decoration:none}.topnote{background:var(--ink);color:#e4edda;text-align:center;font-size:11px;letter-spacing:1px;padding:10px}.shophead{background:#fff;padding:26px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:34px;font-weight:900;letter-spacing:-2px}.brand span{color:#8eaa62}.tag{font-size:10px;color:var(--muted);letter-spacing:2px}.searchbox{max-width:420px;flex:1;border-bottom:1px solid #9eaaa2;display:flex}.searchbox input{border:0;background:transparent;flex:1;min-width:0}.searchbox button{background:transparent;color:var(--ink);font-size:19px}.shopnav{display:flex;gap:35px;padding:18px max(5vw,24px);background:white;border-top:1px solid var(--line);font-size:13px}.shopnav a:last-child{margin-left:auto;color:#84974d}.hero{margin:26px max(5vw,24px);background:#e9ebdd;min-height:430px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;position:relative;border-radius:2px}.herotext{padding:70px 60px;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#77875f}.hero h1{font-size:48px;line-height:1.2;letter-spacing:-2px;margin:24px 0}.hero p{color:#73806d;font-size:14px;line-height:1.8}.hero .link{display:inline-block;margin-top:20px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:13px}.heroart{position:relative;min-height:410px;background:radial-gradient(ellipse at 50% 70%,#c9d1bb,transparent 60%)}.orbit{position:absolute;width:390px;height:390px;border:1px solid #c7ceba;border-radius:50%;top:30px;left:0}.phone{position:absolute;width:165px;height:305px;top:56px;left:90px;border-radius:36px;background:linear-gradient(125deg,#a2ab95,#566954);border:5px solid #a7b39c;transform:rotate(-17deg);box-shadow:18px 30px 30px #63764c40,inset 0 0 0 2px #c4cfb9}.phone.second{left:220px;top:100px;transform:rotate(17deg);background:linear-gradient(130deg,#dfd4c0,#b09d80);border-color:#decdb2}.camera{position:absolute;top:13px;left:12px;width:67px;height:72px;background:#ffffff25;border-radius:18px}.lens{width:20px;height:20px;border:4px solid #929c86;background:#15271e;border-radius:50%;position:absolute;top:8px;left:7px;box-shadow:0 0 0 1px #e3e6d6}.lens:nth-child(2){top:37px}.lens:nth-child(3){left:36px;top:23px}.ring{width:87px;height:87px;border-radius:50%;border:7px solid #ffffff50;position:absolute;top:133px;left:34px}.heroart .caption{position:absolute;bottom:22px;right:30px;font-size:10px;letter-spacing:3px;color:#768168}.shopsection{margin:60px max(5vw,24px)}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.sectionhead h2{font-size:26px;letter-spacing:-1px;margin:0 0 8px}.sectionhead p{font-size:13px;color:var(--muted);margin:0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:#fff;padding:0 0 20px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.product .art{height:195px;position:relative;background:#eef0e7;overflow:hidden}.product:nth-child(2) .art{background:#ece8df}.product:nth-child(3) .art{background:#e8ebeb}.product:nth-child(4) .art{background:#eeebe2}.mini{position:absolute;width:78px;height:134px;top:30px;left:calc(50% - 39px);border:3px solid #9bac99;background:#bccab7;border-radius:16px;transform:rotate(16deg);box-shadow:12px 15px 18px #0001}.mini:before{content:'';position:absolute;top:8px;left:8px;width:22px;height:29px;border-radius:7px;background:#7a8c75}.cable{position:absolute;top:30px;left:calc(50% - 55px);width:110px;height:110px;border:12px solid #d5c2a2;border-radius:50%;box-shadow:4px 8px 10px #0001}.charger{position:absolute;top:50px;left:calc(50% - 45px);width:90px;height:96px;background:#fff;border-radius:20px;box-shadow:10px 13px 15px #0002;transform:rotate(-12deg)}.charger:before{content:'';position:absolute;width:10px;height:30px;top:-22px;left:23px;background:#a8aca6;box-shadow:30px 0 #a8aca6}.grip{position:absolute;left:calc(50% - 50px);top:50px;width:100px;height:100px;border-radius:50%;background:linear-gradient(130deg,#decfaf,#bfa77b);box-shadow:10px 15px 18px #0002;border:6px solid #e6d7b8}.product h3,.product p{margin:15px 18px 0;font-size:14px}.product p{font-size:12px;color:var(--muted)}.shopfoot{border-top:1px solid var(--line);padding:30px 5vw;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.layout{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{padding:30px 20px;border-right:1px solid var(--line);background:#fcfdf9;display:flex;flex-direction:column}.sidebar .brand{font-size:27px;margin:0 10px}.workspace-label{font-size:10px;letter-spacing:1.5px;color:#929c93;margin:38px 12px 13px}.sidebtn{background:transparent;text-align:left;color:#64726a;border-radius:7px;margin-bottom:5px;padding:13px 16px;font-size:13px}.sidebtn.active{background:var(--ink);color:#fff}.sideicon{display:inline-block;width:24px;opacity:.75}.sidebar .bottom{margin-top:auto;padding-top:40px}.identity{font-size:12px;padding:12px;border-top:1px solid var(--line);line-height:1.8}.role{font-size:10px;color:#60744d;background:#edf2e6;border-radius:4px;padding:3px 6px}.main{min-width:0}.appbar{height:80px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff;font-size:12px;color:#7a867e}.appbar strong{color:var(--ink)}.content{padding:35px 38px;max-width:1450px;margin:auto}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.pagehead h1{font-size:28px;letter-spacing:-1px;margin:0 0 10px}.pagehead p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters input,.filters select{width:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{padding:23px;background:white;border:1px solid var(--line);border-radius:10px}.stat.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.stat label{font-size:12px;color:#758478}.stat.primary label{color:#b7c7b7}.stat .number{font-size:26px;letter-spacing:-1px;margin-top:15px;font-weight:700}.stat .sub{font-size:11px;color:#96a08e;margin-top:8px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;margin-bottom:20px}.card h2{font-size:17px;margin:0 0 20px;letter-spacing:-.4px}.card p{font-size:13px;line-height:1.8;color:var(--muted)}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardhead h2{margin:0}.grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.formgrid.two{grid-template-columns:repeat(2,1fr)}label.field{display:block;font-size:12px;color:#52675b}input,select,textarea{display:block;width:100%;padding:11px 12px;margin-top:7px;border:1px solid #dfe5db;border-radius:6px;background:#fff;color:#233d30;font-size:13px}input[type=checkbox]{width:auto;display:inline;margin:0 8px 0 0}input[type=file]{background:#f7f9f3}textarea{resize:vertical;min-height:78px}.help{color:var(--muted);font-size:11px;line-height:1.8;margin:8px 0}.actions{display:flex;gap:10px;align-items:center;margin-top:22px;flex-wrap:wrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{background:#f5f7f2;color:#788373;text-align:left;font-size:11px;font-weight:500;padding:12px 14px}td{padding:15px 14px;border-bottom:1px solid #edf0e8}td.num,th.num{text-align:right}.badge{display:inline-block;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:700;background:#eff3e6;color:#647d3d}.badge.red{background:#faeeeb;color:#ac5846}.badge.blue{background:#eaf0f7;color:#52769b}.badge.gray{background:#f0f1ee;color:#879080}.empty{text-align:center;padding:48px 20px;color:#89927f;font-size:13px;line-height:1.9}.empty strong{display:block;color:#526b4e;font-size:16px;margin-bottom:8px}.notice{border:1px solid #e7d9b4;background:#fff9e9;color:#876b35;border-radius:7px;padding:15px;font-size:12px;line-height:1.8;margin-bottom:18px}.notice.success{border-color:#dce6c9;background:#f1f6e7;color:#567239}.notice.error{border-color:#f0cdc6;background:#fff3f0;color:#a15446}.statement{border:1px solid #ccd9c5}.statement header{background:#eff3e6;padding:22px 20px;border-bottom:1px solid #ccd9c5;display:flex;justify-content:space-between}.statement header strong{font-size:19px}.statement table td{font-size:13px;padding:13px 18px}.statement table td:first-child{color:#71806d}.statement .total td{background:var(--ink);color:white!important;font-weight:700;font-size:16px}.statement .subtotal td{background:#f4f7ee}.rulebox{padding:16px;border:1px solid var(--line);border-radius:8px;margin:15px 0;background:#f9faf5;font-size:12px;line-height:1.9}.uploadzone{border:1px dashed #aebf98;border-radius:8px;background:#f7faef;padding:27px 22px;margin-bottom:20px}.uploadzone h3{font-size:15px;margin:0 0 10px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:14px}.tabs button{background:transparent;color:#78906f}.tabs button.active{background:#e9f0df;color:#3e5e32}.negative{color:var(--red)}.kicker{color:#8a9a75;font-size:10px;letter-spacing:1.4px;margin-bottom:9px}.storecards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.storecard{border:1px solid var(--line);border-radius:10px;padding:24px;background:white}.storecard h3{font-size:18px;margin:10px 0}.storecard .split{font-size:28px;margin:28px 0 10px;color:#2d513c}.storecard p{font-size:12px;color:var(--muted);line-height:1.7}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:min(720px,calc(100vw - 30px));max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#132c2770;backdrop-filter:blur(3px)}dialog h2{margin:0 0 10px;font-size:22px}dialog .desc{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:24px}dialog .close{float:right;background:#f2f4ee;color:var(--ink);padding:6px 10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#193d31;color:#fff;padding:14px 22px;border-radius:9px;box-shadow:0 5px 20px #0002;z-index:10;display:none;font-size:13px;max-width:90vw}.busy{opacity:.65;pointer-events:none}code{white-space:normal;font-size:11px}.full{grid-column:1/-1}.spaced{margin-top:25px}.muted{color:var(--muted)}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.hero h1{font-size:38px}.herotext{padding:55px 35px}.phone{left:30px}.phone.second{left:150px}.storecards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{padding:15px;display:block;border-right:0}.sidebar .brand,.workspace-label,.identity,.sidebar .bottom{display:none}.sidebtn{display:inline-block;padding:10px;font-size:12px}.appbar{padding:15px 20px;height:auto;gap:15px;flex-wrap:wrap}.content{padding:25px 18px}.pagehead{align-items:start;flex-direction:column}.formgrid,.formgrid.two{grid-template-columns:1fr 1fr}.shophead{padding:22px}.searchbox{display:none}.shopnav{gap:20px;overflow:auto;white-space:nowrap}.hero{margin:15px;grid-template-columns:1fr}.herotext{padding:35px}.hero h1{font-size:38px}.heroart{min-height:300px}.phone{top:0;left:calc(50% - 130px);transform:rotate(-17deg) scale(.8)}.phone.second{top:20px;left:calc(50% - 10px);transform:rotate(17deg) scale(.8)}.products{grid-template-columns:1fr 1fr;gap:12px}.shopsection{margin:40px 18px}.shopfoot{display:block;line-height:2}.storecards{grid-template-columns:1fr}.stat{padding:18px}.stat .number{font-size:22px}.card{padding:20px}.actions button{flex:1}.filters{width:100%}.filters select,.filters input{flex:1;min-width:120px}}@media(max-width:430px){.formgrid,.formgrid.two{grid-template-columns:1fr}.heroart{display:none}.products{grid-template-columns:1fr 1fr}.product .art{height:165px}.stats{gap:9px}.stat .number{font-size:20px}}


.sidebar{height:100vh;overflow:auto;display:flex;flex-direction:column}.operation-nav{flex:1}.sidebar .bottom{position:static;margin-top:20px}.appbar{position:sticky;top:0;z-index:15;background:#fff}.appbar .filters{flex-wrap:wrap}.taskcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.taskcard{background:#fff;color:#173e34;border:1px solid #dce4da;border-radius:14px;min-height:130px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.taskcard strong{font-size:30px}.taskcard small{color:#6e8178}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#e2e8df}.calendar-cell{background:#fff;color:#23463c;border:0;border-radius:0;min-height:100px;padding:10px;text-align:left;overflow:hidden}.calendar-cell small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;margin-top:7px}.calendar-cell.today{box-shadow:inset 0 0 0 2px #356b56}.calendar-label{background:#f3f6ef;text-align:center;padding:10px}.tablewrap td{max-width:340px}.tablewrap .help{white-space:normal}.brand{cursor:pointer;text-decoration:none}.number{font-size:30px;font-weight:700}.operation-nav .sidebtn{min-height:40px;padding-top:8px;padding-bottom:8px}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:800px){.taskcards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{height:auto}.appbar{position:static}.calendar-cell{min-height:70px;padding:5px}.mapping-grid{grid-template-columns:1fr}.appbar .filters{gap:5px}.appbar{flex-wrap:wrap;gap:10px}}

/* Workspace follows the reference's four-column operations layout. */
.taskcards{grid-template-columns:repeat(4,minmax(0,1fr))}.taskcard{min-height:185px;border-color:#e0e7f2;color:#617b9b;box-shadow:0 2px 5px #17315b08}.taskcard strong{font-size:34px;color:#91a5bf}.operation-nav .sidebtn.active{background:#334ef4;color:white;border-radius:10px}.guide-text summary{font-size:18px;font-weight:700;cursor:pointer}.guide-body,.guide-address{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;margin:20px 0;line-height:1.8}.guide-address{padding:12px;background:#f4f6f9;border-radius:8px}.guide-text .actions{margin-top:20px}@media(max-width:1100px){.taskcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.taskcards{grid-template-columns:1fr}.taskcard{min-height:130px}}