?섎룄???ㅽ넗硫붿씠??/title> <meta name="description" content="釉붾줈洹명럹??二쇰Ц 議고쉶, 濡쒖젨 ?낅줈???묒? ?앹꽦, ?≪옣 諛섏쁺??PC? 紐⑤컮?쇱뿉??泥섎━?섎뒗 ?섎룄???ㅽ넗硫붿씠?? /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="/styles.css?v=20260331-4" /> <script defer src="https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js"></script> <script defer src="/app.js?v=20260406-2"></script> </head> <body> <div class="background-orb background-orb-a"></div> <div class="background-orb background-orb-b"></div> <main class="page-shell"> <section class="hero"> <div class="hero-copy"> <p class="eyebrow">NADORA AUTOMATION</p> <h1>?섎룄??二쇰Ц泥섎━ ?먮룞??/h1> </div> </section> <section class="summary-grid"> <article class="summary-card card dashboard-card" data-dashboard="unpaid"> <span>誘몄엯湲?/span> <strong id="summaryUnpaidCount">0</strong> </article> <article class="summary-card card dashboard-card" data-dashboard="ready"> <span>諛곗넚以鍮?/span> <strong id="summaryReadyCount">0</strong> </article> <article class="summary-card card dashboard-card" data-dashboard="shipping"> <span>諛곗넚以?/span> <strong id="summaryShippingCount">0</strong> </article> <div class="summary-duo"> <article class="summary-card card dashboard-card summary-card-mini" data-dashboard="import"> <strong id="summaryImportCount">?≪옣諛섏쁺</strong> </article> <article class="summary-card card dashboard-card summary-card-mini" data-dashboard="quick"> <strong id="summaryQuickCount">媛꾪렪?깅줉</strong> </article> </div> </section> <section id="workspace" class="workspace"> <div class="workspace-main"> <section id="orderSection" class="card section-card"> <div class="section-head"> <div> <p id="dashboardKicker" class="section-kicker">1. 諛곗넚以鍮???쒕낫??/p> <h2 id="dashboardTitle">諛곗넚以鍮?二쇰Ц 紐⑸줉</h2> <p id="dashboardNote" class="section-note" hidden></p> </div> <div class="action-row wrap section-head-actions"> <button id="refreshOrdersButton" class="button ghost">釉붾줈洹명럹???덈줈怨좎묠</button> </div> </div> <form id="orderFilterForm" class="filter-grid"> <label> <span>?쒖옉??/span> <input id="fromDateInput" name="from" type="date" required /> </label> <label> <span>醫낅즺??/span> <input id="toDateInput" name="to" type="date" required /> </label> <label> <span id="orderFilterKeywordLabel">결제수단</span> <input id="payMethodInput" name="payMethod" type="text" placeholder="비우면 전체" autocapitalize="off" spellcheck="false" /> </label> <button class="button primary filter-submit" type="submit">주문 조회</button> </form> <div id="selectionToolbar" class="selection-toolbar"> <div class="selection-pill"> <span>?좏깮??/span> <strong id="selectionCountText">0嫄?/strong> </div> <div class="action-row wrap"> <button id="selectAllButton" class="button ghost">?꾩껜 ?좏깮</button> <button id="clearSelectionButton" class="button ghost">?좏깮 ?댁젣</button> <button id="markPaidButton" class="button warning" hidden>?낃툑?뺤씤</button> <button id="quickDownloadButton" class="button primary" hidden>?묒? ?뚯씪 ?ㅼ슫濡쒕뱶</button> <button id="manualOrderButton" class="button ghost" hidden>二쇰Ц ?앹꽦 (?섎룞 ?앹꽦)</button> </div> </div> <div class="table-shell desktop-table-shell order-table-shell"> <table class="data-table"> <thead> <tr> <th></th> <th>二쇰Ц踰덊샇</th> <th>?곹깭</th> <th>?쒓렇</th> <th>?섑븯??/th> <th>?곹뭹紐?/th> <th>?섎웾</th> <th>?대???/th> <th>諛곗넚硫붿떆吏</th> </tr> </thead> <tbody id="orderTableBody"> <tr> <td colspan="9" class="empty-cell">二쇰Ц??議고쉶?섎㈃紐⑸줉???쒖떆?⑸땲??</td> </tr> </tbody> </table> </div> <div id="orderCards" class="mobile-card-list"></div> <div id="orderMoreBar" class="order-more-bar" hidden> <span id="orderVisibleMeta" class="muted"></span> <button id="loadMoreOrdersButton" class="button ghost" type="button">?붾낫湲?+10</button> </div> </section> </div> <aside class="workspace-side"> <section id="importSection" class="card section-card"> <div class="section-head"> <div> <p class="section-kicker">?≪옣 諛섏쁺</p> <h2>濡쒖젨 諛쒓툒 寃곌낵 諛섏쁺</h2> <p class="section-note">濡쒖젨 寃곌낵 ?뚯씪???щ━硫?誘몃━蹂닿린 ??釉붾줈洹명럹?댁뿉 諛섏쁺?⑸땲??</p> </div> </div> <label id="invoiceDropZone" class="file-drop"> <input id="invoiceFileInput" type="file" accept=".xlsx,.xls" /> <small>?대┃?섍굅???뚯씪???쒕옒洹명빐???ｌ쑝?몄슂</small> <span>濡쒖젨 諛쒓툒 ?묒? ?좏깮</span> <strong id="invoiceFileName">?좏깮???뚯씪 ?놁쓬</strong> </label> <div class="action-row wrap"> <button id="previewImportButton" class="button ghost">誘몃━蹂닿린</button> <button id="applyImportButton" class="button success">釉붾줈洹명럹?댁뿉 諛섏쁺</button> </div> <div id="previewSummary" class="preview-summary muted"> ?뚯씪???щ┛ ??誘몃━蹂닿린瑜??ㅽ뻾?섏꽭?? </div> <div class="table-shell compact-shell desktop-table-shell"> <table class="data-table compact"> <thead> <tr> <th>No.</th> <th>二쇰Ц踰덊샇</th> <th>?댁넚?λ쾲??/th> <th>?섑븯??/th> <th>?곹뭹紐?/th> <th>?곹깭</th> <th>硫붿떆吏</th> </tr> </thead> <tbody id="previewTableBody"> <tr> <td colspan="7" class="empty-cell">?≪옣 誘몃━蹂닿린媛 ?ш린???쒖떆?⑸땲??</td> </tr> </tbody> </table> </div> <div id="previewCards" class="mobile-card-list compact-list"></div> </section> <section id="quickSection" class="card section-card" hidden> <div class="section-head"> <div> <p class="section-kicker">媛꾪렪 ?깅줉</p> <h2>媛꾪렪?깅줉</h2> <p class="section-note">硫붿꽭吏瑜?遺숈뿬?ｌ쑝硫??섑븯?몃챸, ?꾨쾲, 二쇱냼1, 二쇱냼2, ?곹뭹紐낆쓣 ?먮룞?쇰줈 異붿텧??諛곗넚以鍮꾩뿉 異붽??⑸땲??</p> </div> </div> <div class="quick-form"> <label> <span>硫붿꽭吏</span> <textarea id="quickMessageInput" class="quick-textarea" placeholder="二쇱냼, ?대쫫, ?꾪솕踰덊샇, ?곹뭹紐낆쓣 遺숈뿬?ｊ린"></textarea> </label> <div class="action-row wrap editor-actions"> <button id="quickSaveButton" class="button primary" type="button">?깅줉</button> </div> <div id="quickStatus" class="quick-status muted">??嫄댁뵫 遺숈뿬?ｊ퀬 ?깅줉?섎㈃諛곗넚以鍮???쒕낫?쒖뿉 ?섎룞?앹꽦 ?쒓렇濡?異붽??⑸땲??</div> </div> </section> <section id="historySection" class="card section-card"> <div class="section-head"> <div> <p class="section-kicker">理쒓렐 ?대젰</p> <h2>Export / Import</h2> </div> <button id="refreshHistoryButton" class="button ghost">媛깆떊</button> </div> <div id="activityList" class="activity-list"> <p class="muted compact">理쒓렐 ?대젰???꾩쭅 ?놁뒿?덈떎.</p> </div> </section> </aside> </section> <section id="orderEditor" class="editor-overlay" hidden> <div class="editor-dialog card"> <div class="section-head"> <div> <p id="orderEditorKicker" class="section-kicker">?섎룞 二쇰Ц ?앹꽦</p> <h2 id="orderEditorTitle">諛곗넚以鍮?二쇰Ц 異붽?</h2> <p class="section-note">??ν븯硫?諛곗넚以鍮?紐⑸줉怨??묒? ?ㅼ슫濡쒕뱶 ??곸뿉 諛붾줈 ?ы븿?⑸땲??</p> </div> <button id="closeEditorButton" class="button ghost" type="button">?リ린</button> </div> <form id="orderEditorForm" class="editor-form"> <input id="editorModeInput" type="hidden" /> <input id="editorOriginInput" type="hidden" /> <input id="editorOrderNumInput" type="hidden" /> <div class="editor-grid"> <label> <span>二쇰Ц踰덊샇</span> <input id="editorOrderNumView" type="text" readonly /> </label> <label> <span>寃곗젣?섎떒</span> <input id="editorPayMethodInput" type="text" /> </label> <label> <span>?섑븯?몃챸</span> <input id="editorRecvNameInput" type="text" required /> </label> <label> <span>?대???/span> <input id="editorRecvPhoneInput" type="tel" required /> </label> <label class="editor-span-2"> <span>?섑븯??二쇱냼1</span> <input id="editorRecvAddr1Input" type="text" required /> </label> <label class="editor-span-2"> <span>?섑븯??二쇱냼2</span> <input id="editorRecvAddr2Input" type="text" /> </label> <label class="editor-span-2"> <span>?곹뭹紐?/span> <input id="editorGoodNamesInput" type="text" required /> </label> <label> <span>?섎웾</span> <input id="editorTotalQtyInput" type="number" min="1" step="1" value="1" /> </label> <label> <span>?곹뭹湲덉븸</span> <input id="editorTotalGoodPriceInput" type="text" /> </label> <label> <span>諛곗넚鍮?/span> <input id="editorShipCostInput" type="text" value="3000" /> </label> <label class="editor-span-2"> <span>諛곗넚硫붿떆吏</span> <input id="editorOrderRequestInput" type="text" /> </label> </div> <div class="action-row wrap editor-actions"> <button id="deleteEditorButton" class="button danger" type="button" hidden>??젣</button> <button id="cancelEditorButton" class="button ghost" type="button">痍⑥냼</button> <button class="button primary" type="submit">???/button> </div> <div id="deleteConfirmBox" class="delete-confirm-box" hidden> <strong>釉붾줈洹명럹??二쇰Ц?낅땲???뺣쭚 ??젣?섏떆寃좎뒿?덇퉴?</strong> <div class="action-row wrap editor-actions"> <button id="deleteConfirmCancelButton" class="button ghost" type="button">痍⑥냼</button> <button id="deleteConfirmSubmitButton" class="button danger" type="button">??젣 吏꾪뻾</button> </div> </div> </form> </div> </section> <section id="authPanel" class="auth-drawer card" hidden> <div> <p class="section-kicker">蹂댄샇 ?ㅼ젙</p> <h2>???묎렐 ??/h2> <p class="muted"> <code>NADORA_APP_KEY</code>媛 ?ㅼ젙??寃쎌슦?먮쭔 ?ъ슜?⑸땲?? </p> </div> <div class="auth-controls"> <input id="appKeyInput" type="password" placeholder="???묎렐 ???낅젰" autocomplete="off" spellcheck="false" /> <button id="saveKeyButton" class="button primary">?곌껐</button> <button id="clearKeyButton" class="button ghost">珥덇린??/button> </div> </section> <section class="status-bar card"> <div class="status-copy"> <span class="status-label">?곹깭</span> <strong id="statusText">以鍮꾨맖</strong> </div> <div class="status-actions"> <div class="status-meta" id="statusMeta"></div> <button id="authToggleButton" class="button ghost" hidden>蹂댁븞 ?ㅼ젙</button> </div> </section> </main> </body> </html>