:root{--orange:#ff6336;--ink:#272b24;--muted:#797e73;--paper:#f8f8f2;--line:#e8e9de;--green:#315743}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:#efefe7;padding:12px 17px;border-radius:11px;color:var(--ink);font-weight:650}button:hover{filter:brightness(.97)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #326bb7;outline-offset:3px}.primary{background:var(--orange);color:#fff}.dark{background:var(--green);color:white}.danger{color:#b34235;background:#fff0ec}.ghost{background:transparent;border:1px solid var(--line)}.small{font-size:12px;padding:8px 12px}.full{width:100%}header{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:23px;font-weight:850;display:flex;gap:9px;align-items:center;white-space:nowrap}.brand b{font:900 31px Arial;background:var(--orange);color:white;width:36px;height:36px;border-radius:10px;text-align:center}.brand span{font:700 9px Arial;letter-spacing:.12em;color:var(--orange);margin-left:12px}#account{display:flex;align-items:center;gap:12px;font-size:12px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:35px 24px;min-height:calc(100vh - 86px);border-right:1px solid var(--line)}.workspace{font-size:11px;color:var(--muted);margin:0 12px 21px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;display:flex;align-items:center;gap:12px;white-space:nowrap}nav button.active{background:#ffece3;color:#d34e26}nav i{font-style:normal;font-size:20px;width:24px}.side-note{margin:55px 12px;color:var(--green);line-height:1.8;font-size:13px}.side-note span{display:block;font-size:9px;line-height:1.8;color:var(--muted);margin-top:18px}main{padding:38px 4%;min-width:0}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.heading h1{font-size:29px;margin:0 0 9px;letter-spacing:-.06em}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--orange);margin-bottom:12px}.muted,small{color:var(--muted)}p{line-height:1.75}h2{font-size:21px;margin:0 0 18px}h3{font-size:17px;margin:0 0 10px}.hero{display:flex;align-items:center;justify-content:space-between;background:#edeedf;border-radius:23px;overflow:hidden;margin:0 0 26px;min-height:235px}.hero>div{padding:30px}.hero h2{font-size:32px;line-height:1.35;letter-spacing:-.06em;margin-bottom:14px}.hero img{width:42%;height:240px;object-fit:cover;mix-blend-mode:multiply}.pill{display:inline-flex;border-radius:7px;padding:5px 9px;background:#eef3e9;color:var(--green);font-size:11px;font-weight:650;white-space:nowrap}.pill.orange{background:#fff0e9;color:#d5512b}.pill.gray{background:#f0f1eb;color:#6c7266}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.flex{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.filters input{flex:1;min-width:180px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}.pad{padding:23px}.card img{width:100%;height:180px;object-fit:cover}.photo{background:#eeecdf}.card p{font-size:13px;margin:9px 0;color:var(--muted)}.store-card{cursor:pointer}.store-card:hover{border-color:#f9ae91;transform:translateY(-2px);transition:.2s}.price{font-weight:750;font-size:17px}.stack{display:grid;gap:16px}.section{margin-top:26px}.empty{text-align:center;padding:60px 24px;background:white;border:1px dashed #daddce;border-radius:18px;color:var(--muted)}.empty strong{display:block;font-size:19px;color:var(--ink);margin:12px}.empty span{font-size:35px}.form{display:grid;gap:17px}.form label{display:grid;gap:8px;font-size:13px;font-weight:650}.form .check{display:flex;align-items:center;gap:8px}input,textarea,select{border:1px solid #dfe2d7;border-radius:10px;background:#fff;padding:12px;color:var(--ink);max-width:100%;min-width:0}input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange)}textarea{min-height:90px;resize:vertical}.form small{font-size:11px;font-weight:400}.auth{max-width:450px;margin:25px auto}.auth .card{padding:30px}.auth h1{font-size:28px}.auth p{font-size:13px;color:var(--muted)}.auth-tabs{display:flex;gap:10px;margin-bottom:23px}.auth-tabs button{flex:1}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.cart{position:sticky;top:20px;align-self:start}.cart-line{padding:16px 0;border-bottom:1px solid var(--line)}.cart-line strong{font-size:13px}.cart-line small{display:block;margin:6px 0}.qty{display:flex;align-items:center;gap:12px}.qty button{padding:5px 10px}.total{font-size:23px;font-weight:800;margin:23px 0}.notice{background:#eff3e8;border-radius:11px;padding:13px 16px;font-size:12px;line-height:1.7;color:var(--green);margin:16px 0}.notice.orange{background:#fff0e7;color:#a75130}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);padding:23px;border-radius:16px}.stat strong{font-size:30px;display:block;margin-top:15px;letter-spacing:-.05em}.stat:first-child{background:var(--green);color:#fff}.stat:first-child small{color:#d6e3cf}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:16px;border-bottom:1px solid var(--line);white-space:nowrap}th{background:#f0f1e9;font-weight:650}td.wrap{white-space:normal;min-width:220px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.column{background:#edeFE5;border-radius:15px;padding:12px;min-height:260px}.column h3{font-size:13px;padding:7px}.order-card{padding:17px;margin-bottom:12px}.order-card h3{padding:0;margin:14px 0 8px}.order-card p{font-size:11px}.timeline{display:flex;justify-content:space-between;margin:25px 0;gap:6px}.timeline>div{flex:1;border-top:4px solid #e8eadd;padding-top:12px;font-size:12px;color:var(--muted)}.timeline .done{border-color:var(--orange);color:var(--orange)}.details{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f5f6ee;padding:20px;border-radius:12px}.details small{display:block;margin-bottom:7px}.review{border-bottom:1px solid var(--line);padding:20px 0}.review:last-child{border:0}.stars{color:var(--orange)}dialog{border:1px solid var(--line);border-radius:22px;width:min(520px,calc(100% - 30px));padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#20251f66;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-top h2{margin:0}.dialog-top button{background:transparent;font-size:22px;padding:0 8px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#263c2f;color:white;border-radius:12px;padding:15px 22px;z-index:100;display:none;max-width:90%;font-size:13px;box-shadow:0 8px 35px #0002}#toast.show{display:block}.error{background:#fff0e9;color:#a53929;border:1px solid #ffd0bc;padding:18px;border-radius:12px;margin:15px 0}.chart{display:flex;align-items:flex-end;gap:15px;height:170px;padding-top:20px}.chart>div{flex:1;min-width:25px;text-align:center;font-size:10px;color:var(--muted)}.chart b{display:block;background:#ff9f76;border-radius:6px 6px 0 0;min-height:3px;margin-bottom:8px}footer{margin-top:35px;color:var(--muted);font-size:10px}.loading{padding:70px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:180px 1fr}aside{padding:30px 14px}.split{grid-template-columns:1fr}.cart{position:static}}@media(max-width:700px){input,select,textarea{font-size:16px}header{height:70px;padding:0 18px}.brand{font-size:20px}.brand span{display:none}#account{gap:6px}#account>span{display:none}.shell{display:block}aside{padding:10px 15px;min-height:0;border:0;position:sticky;top:0;background:var(--paper);z-index:10}.workspace,.side-note{display:none}nav{display:flex;overflow:auto;gap:5px;padding-bottom:3px}nav button{padding:10px 13px;font-size:12px}nav i{font-size:17px;width:auto}main{padding:25px 18px 45px}.heading h1{font-size:25px}.hero{min-height:200px}.hero>div{padding:23px}.hero h2{font-size:25px}.hero img{width:35%;height:210px}.hero p{font-size:12px}.grid,.grid.two{grid-template-columns:1fr}.grid .card img{height:190px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:17px}.stat strong{font-size:25px}.board{grid-template-columns:1fr}.column{min-height:100px}.pad{padding:20px}.heading{align-items:flex-start}.auth{margin:5px auto}.details{gap:16px;font-size:13px}.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.filters input{grid-column:1 / -1;width:100%;min-width:0}.filters select{width:100%;min-width:0}.timeline>div{font-size:10px}dialog{padding:22px}.hero p{margin-bottom:0}.card .flex button{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.webapp-install-guide{display:flex;align-items:center;gap:24px;padding:20px max(24px,calc((100vw - 1280px)/2));background:#fff0e8;border-bottom:1px solid #f2d2bf}.webapp-install-guide strong{font-size:16px}.webapp-install-guide p{font-size:14px;margin:8px 0;line-height:1.7}.webapp-install-guide small{font-size:12px;color:#72746b;line-height:1.7;display:block}.webapp-install-guide button{flex-shrink:0;background:#24251f;color:white;padding:12px 16px;border-radius:10px}@media(max-width:700px){.webapp-install-guide{display:block;padding:20px}.webapp-install-guide button{margin-top:14px}.webapp-install-guide p{font-size:14px}}
