@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap";:root{--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;--bg-page:#f8f9fa;--bg-card:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-primary:#1f2937;--accent-blue:#2563eb;--accent-green:#059669;--accent-red:#dc2626;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#e5e7eb;justify-content:center;font-size:15px;line-height:1.5;display:flex}#root{background-color:var(--bg-page);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding-bottom:74px;display:flex;position:relative}.app-header{z-index:30;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.header-title{color:var(--text-primary);font-size:17px;font-weight:700}.header-sub{color:var(--text-secondary);font-size:12px}.header-btn{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:600}.page-container{flex-direction:column;gap:14px;padding:16px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.card-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-gray{color:#374151;background:#f3f4f6}.badge-green{color:#059669;background:#ecfdf5}.badge-red{color:#dc2626;background:#fef2f2}.badge-blue{color:#2563eb;background:#eff6ff}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.btn-primary{color:#fff;background:#111827}.btn-primary:active{background:#374151}.btn-outline{color:var(--text-primary);border-color:var(--border);background:#fff}.btn-outline:active{background:#f9fafb}.bottom-nav{border-top:1px solid var(--border);z-index:30;background:#fff;justify-content:space-around;width:100%;max-width:480px;padding:8px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;display:flex}.nav-btn.active{color:#111827;font-weight:700}.modal-bg{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:#fff;width:100%;max-width:480px;max-height:80vh;padding:20px 18px 30px;overflow-y:auto}