:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f5f5f7;border-bottom:1px solid #e0e0e0}.header h1{margin:0;font-size:1.5rem}.user-info{display:flex;align-items:center;gap:1rem}.content{padding:2rem;flex-grow:1}.login-container{display:flex;justify-content:center;align-items:center;height:80vh}.login-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000000f;width:350px}.form-group{display:flex;flex-direction:column;gap:.5rem}label{text-align:left}input{padding:.5rem;border-radius:4px;border:1px solid #cccccc;background-color:#fff;color:#213547}.error-message{color:#ff6b6b;font-size:.9rem;margin:0}.auth-alt-action{text-align:center;font-size:.9rem;margin:0}.auth-alt-action a{color:#646cff}.inbox-container{text-align:left}.inbox-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-group{display:flex;align-items:center;gap:.5rem}select,button{padding:.5em 1em;border-radius:4px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#f5f5f7;color:#213547;border:1px solid #cccccc;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:disabled{cursor:not-allowed;opacity:.5}.inquiry-list table{width:100%;border-collapse:collapse}.inquiry-list th,.inquiry-list td{padding:.75rem;border:1px solid #e0e0e0;text-align:left}.inquiry-list thead{background-color:#f5f5f7}.badge{padding:.2em .6em;border-radius:10px;font-size:.8rem;font-weight:700;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.badge-green{background-color:#28a745}.badge-yellow{background-color:#ffc107;color:#000}.badge-red{background-color:#dc3545}.channel-tabs{display:flex;gap:.5rem;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}.channel-tab{background-color:transparent;border:none;border-bottom:2px solid transparent;padding:.5rem 1rem;cursor:pointer;color:#213547;font-size:1em;font-weight:500;transition:color .25s,border-color .25s}.channel-tab:hover{color:#646cff;border-color:transparent}.channel-tab.active{color:#646cff;font-weight:600;border-bottom:2px solid #646cff}.chan-badge{padding:.2em .6em;border-radius:10px;font-size:.8rem;font-weight:700;color:#fff;display:inline-block}.chan-coupang{background-color:#e23030}.chan-smartstore{background-color:#03c75a}.chan-elevenst{background-color:#ff0038}.chan-cafe24{background-color:#2c5fb3}.chan-auction{background-color:#e8540f}.chan-gmarket{background-color:#00a050}.chan-ably{background-color:#f5318a}.status-badge{padding:.2em .6em;border-radius:10px;font-size:.8rem;font-weight:600;display:inline-block}.status-new{background-color:#e7f1ff;color:#0b5ed7}.status-progress{background-color:#fff3cd;color:#997404}.status-answered{background-color:#e8f5e9;color:#1b7e2e}.tab-count{color:#888;font-size:.8rem;margin-left:.25rem;font-weight:400}.source-link{color:#0b5ed7;cursor:pointer;text-decoration:underline}.source-link:hover{color:#084298}.status-filter-group button.active{background-color:#0b5ed7;color:#fff;border-color:#0b5ed7}.app-nav{display:flex;gap:1rem;flex-grow:1;margin-left:2rem}.nav-link{color:#213547;text-decoration:none;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent}.nav-link.active{color:#646cff;border-bottom-color:#646cff}.settings-container{text-align:left}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.settings-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:1rem}.settings-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:1rem;margin-bottom:1rem}.settings-card-header h3{margin:0;font-size:1.2rem}.badge.status-linked{background-color:#d4edda;color:#155724}.badge.status-unlinked{background-color:#e2e3e5;color:#383d41}.platform-disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.platform-disabled h3{color:#6c757d}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-form input{width:calc(100% - 1rem)}.credential-display{display:flex;flex-direction:column;gap:.75rem}.cred-row{font-size:.9rem;word-break:break-all}.test-success{color:#155724}.test-failed{color:#721c24}.test-result{margin-top:1rem;padding:.75rem;border-radius:4px;font-size:.9rem}.test-result.test-success{background-color:#d4edda}.test-result.test-failed{background-color:#f8d7da}.error-message.test-failed{margin-top:1rem;padding:.75rem;background-color:#f8d7da;border-radius:4px}.button-group{display:flex;gap:.5rem;margin-top:1rem}.delete-button{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.delete-button:hover{background-color:#f1b0b7;border-color:#ee9ca7}@keyframes toast-in{0%{top:0;opacity:0}to{top:20px;opacity:1}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:6px;color:#fff;box-shadow:0 4px 12px #00000026;z-index:1000;font-size:.95rem;animation:toast-in .5s ease-out forwards}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.overview-page{text-align:left}.overview-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.overview-store{background-color:#fff;border-color:#d8dce2;color:#213547}.overview-actions{display:flex;gap:.5rem}.overview-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid #d8dce2;border-radius:4px;background-color:#fff}.overview-error{margin-bottom:1rem;padding:.75rem 1rem;border:1px solid #f5c6cb;border-radius:6px;background-color:#f8d7da;color:#721c24}.summary-card,.aggregate-card{border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;padding:1.25rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.summary-card h2{margin:0 0 1rem;font-size:1.25rem}.summary-boxes,.aggregate-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.summary-box,.aggregate-box,.channel-box{border:1px solid #e4e7eb;border-radius:6px;background-color:#f8f9fb;padding:.9rem;text-align:center}.summary-num,.aggregate-num,.channel-num{font-size:1.5rem;font-weight:700;color:#213547}.summary-label,.aggregate-label,.channel-box-label{margin-top:.25rem;font-size:.85rem;color:#667085}.period-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.period-btn.active{background-color:#0b5ed7;border-color:#0b5ed7;color:#fff}.channel-card-list{display:grid;grid-template-columns:1fr;gap:12px}.overview-sync{padding:.4rem .9rem;border:1px solid #0b5ed7;border-radius:6px;background-color:#0b5ed7;color:#fff;font-weight:600;cursor:pointer}.overview-sync:disabled{opacity:.6;cursor:default}.overview-sync-msg{margin:.5rem 0;padding:.6rem .9rem;border-radius:6px;background-color:#eef4ff;border:1px solid #cdddff;color:#213547;font-size:.9rem}.channel-empty{padding:1.25rem;text-align:center;color:#667085;background-color:#f8f9fb;border:1px dashed #d0d5dd;border-radius:8px}.channel-card{border-radius:8px;padding:1rem;background-color:#fff;color:#213547;border:1px solid #e4e7eb;box-shadow:0 2px 4px #00000014}.channel-card.disabled{background-color:#f5f5f5;color:#999;opacity:.75}.channel-card.disabled .channel-num,.channel-card.disabled .channel-card-name{color:#777}.channel-card-name{margin-bottom:.75rem;font-weight:700}.channel-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.channel-card .channel-box{background-color:#f8f9fb}@media (max-width: 640px){.summary-boxes,.aggregate-card,.channel-boxes{grid-template-columns:1fr}.overview-header{align-items:stretch;flex-direction:column}.channel-card-list{grid-template-columns:1fr}}
