:root{--bg: #0f1419;--bg-card: #1a2332;--bg-hover: #243044;--sidebar-bg: #1a2332;--sidebar-border: #2d3d52;--sidebar-text: #e6edf3;--sidebar-text-muted: #8b9cb3;--sidebar-logo-bg: rgba(255,255,255,.3);--border: #2d3a4f;--text: #e6edf3;--text-muted: #8b9cb3;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--success: #22c55e;--radius: 8px;--font: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:.95rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase}tr:hover td{background:var(--bg-hover)}.order-card table th{font-size:.8rem;color:var(--text-muted)}.order-card table td{padding:.5rem .25rem .5rem 0;border-bottom:1px solid var(--border)}.order-card table tr:last-child td{border-bottom:none}.btn-primary{background:var(--primary);color:#fff;font-weight:600;padding:.6rem 1.25rem;border-radius:var(--radius)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--bg-hover);color:var(--primary);border:1px solid var(--primary);font-weight:600;padding:.6rem 1.25rem;border-radius:var(--radius)}.btn-secondary:hover:not(:disabled){background:#3b82f61a;color:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text-muted);padding:.5rem 1rem;font-weight:500;border-radius:var(--radius)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-muted)}.form-group input,.form-group select{width:100%}.notice-message a,.notice-banner a,.notice-banner-body a{color:var(--primary);text-decoration:underline}.notice-message a:hover,.notice-banner a:hover,.notice-banner-body a:hover{color:var(--primary-hover)}.error-msg{color:var(--danger);font-size:.9rem;margin-top:.5rem}.success-msg{color:var(--success);font-size:.9rem;margin-top:.5rem}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-state{text-align:center;padding:2rem;color:var(--text-muted)}@media (max-width: 768px){.page-title{font-size:1.25rem}.card{padding:1rem}th,td{padding:.5rem .4rem;font-size:.85rem}.btn-primary,.btn-ghost{padding:.45rem .75rem;font-size:.85rem}input,select,textarea{font-size:16px}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:600px}.resp-flex{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (max-width: 768px){.resp-flex{gap:.4rem}.card{padding:.75rem 1rem}.table-wrap{margin:0 -.5rem}.table-wrap table{font-size:.9rem}}.skeleton-line{height:1rem;background:var(--bg-hover);border-radius:4px;min-width:2rem}.skeleton-line.wide{min-width:6rem}.skeleton-line.narrow{min-width:3rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;box-sizing:border-box}.modal-overlay:focus{outline:none}.modal-box{width:100%;max-width:600px;margin:1rem auto 2rem;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden;box-sizing:border-box}.modal-box.modal-box--wide{max-width:720px}.modal-box .modal-body{overflow-y:auto;flex:1;min-height:0;padding:1.25rem 1.25rem 0}.modal-box .modal-footer{flex-shrink:0;padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--border);margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-items:center;background:var(--bg-card)}.modal-box.card{padding:0;min-height:0}.modal-box.card:not(:has(.modal-body)){overflow-y:auto;padding:1.25rem}.modal-box.card>*:first-child:not(.modal-body):not(.modal-footer){padding:1.25rem 1.25rem 0}.modal-box.card .modal-footer{margin-top:0}.btn-danger{background:#ef444426;color:var(--danger);border:1px solid var(--danger);font-weight:600;padding:.5rem 1rem;border-radius:var(--radius)}.btn-danger:hover:not(:disabled){background:#ef444440;color:#fca5a5}@media (max-width: 768px){.modal-overlay{padding:.75rem;align-items:stretch}.modal-box{max-width:100%;margin:.5rem 0 1.5rem;max-height:calc(100vh - 1.5rem)}.modal-box.modal-box--wide{max-width:100%}.modal-box .modal-body{padding:1rem 1rem 0}.modal-box .modal-footer{padding:.75rem 1rem 1rem;gap:.4rem}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{min-height:44px;padding:.55rem 1rem}}